@media (width>=801px){.page-examples .portfolio-collection .study-link{text-decoration:none}}.page-examples .page-intro{padding-bottom:44px}.page-examples .examples-disclosure{border-left:2px solid var(--accent);max-width:760px;color:var(--muted);margin:0 0 64px;padding-left:18px}.portfolio-collection{grid-template-columns:1fr 1fr;gap:84px 36px;padding-bottom:100px;display:grid}.portfolio-study{min-width:0}.portfolio-study--property,.portfolio-study--roofing{grid-column:1/-1}.study-heading{align-items:center;gap:22px;margin-bottom:24px;display:flex}.study-number{color:var(--accent);align-self:flex-start;padding-top:7px;font:400 14px/1 Space Grotesk,sans-serif}.study-heading .eyebrow{margin-bottom:8px;font-size:11px}.study-heading h2{letter-spacing:-.055em;font-size:clamp(1.8rem,3vw,2.8rem)}.study-discipline{white-space:nowrap;color:#d4cbbd;border:1px solid #48433a;border-radius:30px;margin-left:auto;padding:7px 13px;font-size:12px}.study-visual{isolation:isolate;color:#25302c;background:#c3c5b5;border-radius:4px;padding:30px 56px 0;display:block;position:relative;overflow:hidden}.study-browser{color:#565c53;letter-spacing:.03em;background:#f4f3ed;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font:10px/1.2 Space Grotesk,sans-serif;display:flex}.study-browser>span:first-child{color:#a9ad9e;letter-spacing:3px;font-size:8px}.study-visual img{transform-origin:50% 0;width:100%;height:auto;transition:transform .5s;display:block;box-shadow:0 12px 45px #10161028}.study-open{color:#faf4e8;background:#161714;border-radius:3px;justify-content:space-between;align-items:center;gap:26px;padding:12px 18px;font-size:12px;display:flex;position:absolute;bottom:22px;right:22px;box-shadow:0 4px 20px #0003}.study-open>span{color:var(--accent);font-size:20px;transition:transform .25s}.study-story{border-top:1px solid #474037;grid-template-columns:.85fr 1fr;gap:64px;margin-top:28px;padding-top:24px;display:grid}.study-story h3{max-width:390px;font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.15}.study-story p{color:var(--muted);font-size:15px;line-height:1.85}.study-details{color:#c7bba9;flex-wrap:wrap;gap:8px 24px;margin:20px 0 15px;padding:0;font:11px/1.7 Space Grotesk,sans-serif;list-style:none;display:flex}.study-details li:before{content:"+";color:var(--accent);margin-right:8px}.study-link{text-underline-offset:6px;justify-content:space-between;align-items:center;gap:24px;min-height:44px;font-size:14px;-webkit-text-decoration:underline #70614d;text-decoration:underline #70614d;display:inline-flex}.study-link>span[aria-hidden]{color:var(--accent)}.portfolio-study--roofing .study-visual{background:#565c4d;padding:38px 86px 0}.portfolio-study--roofing .study-browser{background:#e3e4d9}.portfolio-study--plumbing .study-visual{background:#afc8c6;padding:22px 22px 0}.portfolio-study--electrical .study-visual{background:#c0a57d;padding:22px 22px 0}.portfolio-study--plumbing .study-story,.portfolio-study--electrical .study-story{grid-template-columns:1fr;gap:16px}.portfolio-study--plumbing .study-heading,.portfolio-study--electrical .study-heading{gap:14px}.portfolio-study--plumbing .study-heading h2,.portfolio-study--electrical .study-heading h2{font-size:1.7rem}.portfolio-study--plumbing .study-discipline,.portfolio-study--electrical .study-discipline{display:none}.portfolio-study--plumbing .study-story h3,.portfolio-study--electrical .study-story h3{font-size:1.7rem}.portfolio-study--plumbing .study-open,.portfolio-study--electrical .study-open{padding:9px 13px;bottom:14px;right:14px}.examples-lab{border-top:1px solid #4b4337;padding-top:70px;padding-bottom:90px}.lab-heading{grid-template-columns:1.25fr 1fr;gap:20px 70px;margin-bottom:38px;display:grid}.lab-heading>.eyebrow{color:var(--accent);grid-column:1/-1;margin:0}.lab-heading h2{font-size:clamp(2.5rem,4.5vw,4rem)}.lab-heading>p:last-child{color:var(--muted);align-self:end;max-width:370px;font-size:17px}.lab-panel{color:#252720;background:#e9e7dc;border-radius:4px;grid-template-columns:1.2fr 1fr;display:grid;overflow:hidden}.lab-visual{background:#ced1c1;flex-direction:column;justify-content:center;gap:28px;min-width:0;padding:38px;display:flex}.lab-wordmark{letter-spacing:.1em;font:600 21px/1.4 Space Grotesk,sans-serif}.lab-wordmark>span{color:#a45326}.lab-wordmark small{letter-spacing:0;color:#4f5547;margin-top:6px;font:11px/1.5 Inter,sans-serif;display:block}.lab-visual img{border-radius:4px;width:100%;height:auto;transition:transform .4s;display:block;box-shadow:0 15px 40px #24301826}.lab-copy{padding:48px 38px}.lab-copy .eyebrow{color:#666451;margin-bottom:20px;font-size:10px}.lab-copy h3{margin-bottom:22px;font-size:clamp(2rem,3vw,3rem)}.lab-copy>p:not(.eyebrow){color:#57574d;font-size:15px}.lab-copy .button{text-align:left;background:#24251f;border-color:#24251f;margin-top:26px;line-height:1.5;color:#fff7e7!important}.lab-copy .button:hover{background:#414236}.lab-copy .fine-print{line-height:1.8;font-size:12px!important}.examples-lab a:focus-visible{outline-offset:-5px;outline:3px solid #a84917}.study-visual:focus-visible{outline-offset:6px}.study-visual:focus-visible .study-open{background:#a74b20}.page-examples .closing{margin-top:20px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.study-visual:hover img{transform:scale(1.015)}.study-visual:hover .study-open>span{transform:translate(2px,-2px)}.lab-visual:hover img{transform:translateY(-5px)}}@media (width<=800px){.study-discipline{display:none}.study-story{gap:28px}.lab-panel{grid-template-columns:1fr}.lab-visual{padding:32px}.lab-visual img{max-width:580px;margin:auto}.lab-copy{padding:34px}.lab-heading{grid-template-columns:1fr;gap:24px}.lab-heading>p:last-child{max-width:510px}.portfolio-study--roofing .study-visual{padding:24px 36px 0}}@media (width<=620px){.page-examples .examples-disclosure{margin-bottom:44px;font-size:13px}.portfolio-collection{grid-template-columns:1fr;gap:58px;padding-bottom:62px}.study-heading{gap:12px;margin-bottom:18px}.study-heading h2{font-size:1.9rem}.study-heading .eyebrow{font-size:10px}.study-number{font-size:12px}.study-visual,.portfolio-study--roofing .study-visual,.portfolio-study--plumbing .study-visual,.portfolio-study--electrical .study-visual{padding:16px 16px 48px}.study-browser{gap:5px;padding:10px;font-size:8px}.study-browser>span:first-child{letter-spacing:1px;font-size:6px}.study-open,.portfolio-study--plumbing .study-open,.portfolio-study--electrical .study-open{color:#21291f;box-shadow:none;background:0 0;padding:10px 0;font-size:11px;bottom:0;left:16px;right:16px}.portfolio-study--roofing .study-open{color:#f5f3e8}.study-open>span{color:inherit}.study-story{grid-template-columns:1fr;gap:16px;margin-top:20px;padding-top:20px}.study-story h3{font-size:1.65rem}.study-story p{font-size:14px}.study-details{gap:8px 15px;font-size:10px}.examples-lab{padding-top:48px;padding-bottom:60px}.lab-heading h2{font-size:2.65rem}.lab-heading>p:last-child{font-size:15px}.lab-visual{gap:20px;padding:24px 18px}.lab-wordmark{font-size:18px}.lab-copy{padding:28px 23px}.lab-copy .button{gap:12px;padding:13px;font-size:12px}.lab-copy h3{font-size:2.3rem}.lab-heading{margin-bottom:28px}}@media (prefers-reduced-motion:reduce){.study-visual img,.study-open>span,.lab-visual img{transition:none;transform:none}}