/* Open photographic stories and a lighter, clearer navigation. */
html:has(#site-root){scroll-padding-top:112px}
.refined-header{background:#fff;color:var(--blue-dark);box-shadow:0 5px 24px #182f4b09;border-bottom:1px solid #e6ebed}
.refined-header .header-inner{height:94px;gap:40px}
.refined-header .brand{padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.refined-header .brand img{width:156px;height:auto;display:block;filter:none}
.refined-header .desktop-nav{gap:35px;margin:0 0 0 auto}
.refined-header .desktop-nav a{color:#52627b;font-size:15px;font-weight:600;letter-spacing:-.02em;padding:17px 0;gap:14px}
.refined-header .desktop-nav a:hover,.refined-header .desktop-nav a[aria-current=location]{color:var(--blue-dark)}
.refined-header .desktop-nav a::after{background:var(--blue);bottom:7px;height:2px;border-radius:2px}
.refined-header .desktop-nav .nav-partner{color:#fff;background:var(--blue);padding:17px 22px;border-radius:9px;font-size:14px;box-shadow:0 6px 15px #234ba112}
.refined-header .desktop-nav .nav-partner:hover,.refined-header .desktop-nav .nav-partner[aria-current=location]{background:var(--blue-dark);color:#fff}
.refined-header .desktop-nav .nav-partner .icon{color:var(--yellow);height:20px;width:20px}
.refined-header .header-progress{height:2px;background:#f1f3f7}
.refined-header .header-progress>span{background:var(--blue)}
.refined-header .mobile-nav{background:#fff;box-shadow:0 18px 24px #17315712;border-color:#e4eaf1;padding:8px 24px 18px}
.refined-header .mobile-nav a{color:var(--blue-dark);border-color:#e9edf3;padding:17px 0;gap:18px;min-height:78px}
.refined-header .mobile-nav a[aria-current=location],.refined-header .mobile-nav a:last-child{color:var(--blue)}
.refined-header .mobile-nav .mobile-nav-index{color:#8a9ab1;font-size:11px;font-weight:600;min-width:20px}
.refined-header .mobile-nav .mobile-nav-copy{color:var(--blue-dark);font-size:17px;font-weight:700;display:block}
.refined-header .mobile-nav .mobile-nav-copy small{display:block;font-size:11px;font-weight:400;color:#7d8b9c;line-height:1.5;margin-top:5px}
.refined-header .mobile-nav a[aria-current=location] .mobile-nav-index{color:var(--blue)}
.refined-header .mobile-nav a[aria-current=location] .mobile-nav-copy{color:var(--blue)}
.refined-header .mobile-nav .icon{height:20px;width:20px;color:#7c94b4}
.refined-header .mobile-nav a:last-child .icon{color:var(--blue)}
.chapter-number{width:34px;height:34px;opacity:1;background:var(--yellow);border:0;color:var(--blue-dark);font-size:11px;font-weight:700;box-shadow:5px 5px 0 #234ba10a}
.product-stage .hero-copy .eyebrow{font-size:10px;letter-spacing:.11em}
.product-stage .hero-copy>p{max-width:445px;font-size:16px;line-height:1.85}
.product-footer p strong{font-size:18px}
.transformations-stage{padding:88px 0 82px;background:#163777}
.transformations-stage .open-results-heading{align-items:flex-end;margin-bottom:48px;gap:55px}
.transformations-stage .section-label{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.12em;margin-bottom:25px}
.transformations-stage .section-label .chapter-number{box-shadow:5px 5px 0 #ffffff0c}
.transformations-stage h2{font-size:clamp(45px,5.2vw,70px);line-height:1.02;letter-spacing:-.055em}
.transformations-stage .results-intro{max-width:360px;padding-bottom:5px}
.transformations-stage .results-intro>p{font-size:15px;line-height:1.85;color:#d0dff7;margin-bottom:17px}
.results-jump{font-size:12px;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid #ffffff50;padding:5px 0 9px}
.results-jump .icon{width:18px;height:18px;color:var(--yellow)}
.results-jump:hover{color:var(--yellow)}
.open-transformations{display:grid;grid-template-columns:.82fr 1.18fr;gap:38px}
.result-story{min-width:0}
.result-story-heading{margin-bottom:18px}
.result-category{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:.12em;color:#a8c3ee;margin-bottom:13px}
.result-category .icon{width:20px;height:20px;color:#c8dcf7;stroke-width:1.3}
.result-story h3{color:#fff;font-size:21px;line-height:1.25;letter-spacing:-.035em;font-weight:600}
.transformations-stage .open-transformations .comparison-grid{gap:9px}
.transformations-stage .open-transformations .comparison-photo{aspect-ratio:auto;border-radius:10px;box-shadow:none}
.transformations-stage .open-transformations .comparison-photo img{width:100%;height:auto;object-fit:contain;object-position:center;display:block}
.transformations-stage .open-transformations .photo-label{font-size:10px;padding:7px 11px;left:11px;top:11px;border-radius:5px}
.transformations-stage .open-transformations .photo-zoom{height:28px;width:28px;right:10px;bottom:10px}
.transformations-stage .open-transformations .photo-zoom .icon{width:14px;height:14px}
.result-story-description{font-size:12px;line-height:1.9;color:#c2d2ed;margin-top:18px;max-width:440px}
.transformations-stage .results-note{display:flex;align-items:flex-start;gap:10px;margin-top:25px;font-size:10px;line-height:1.9;max-width:100%;color:#9eb7da}
.transformations-stage .results-note .icon{height:16px;width:16px;flex-shrink:0;margin-top:2px}
.application-showcase{margin-top:54px;padding-top:45px;border-top:1px solid #ffffff24;scroll-margin-top:112px}
.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:29px}
.showcase-heading .eyebrow{color:#a4c6ee;font-size:9px;letter-spacing:.11em;margin-bottom:14px}
.showcase-heading h3{font-size:33px;font-weight:600;letter-spacing:-.035em;line-height:1.15;color:#fff}
.showcase-heading>p{max-width:350px;font-size:13px;color:#becfeb;line-height:1.85}
.surface-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.surface-story{background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;color:var(--ink)}
.surface-story-media{aspect-ratio:1.15;position:relative;overflow:hidden;background:#dce8ee}
.surface-story-media>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;transition:transform .5s ease}
.surface-story:hover .surface-story-media>img{transform:scale(1.025)}
.surface-story-media.is-stone>img{object-position:50% 50%}
.surface-story-media.is-roof{background:#edf5f9}
.surface-story-media.is-roof>img{object-fit:contain}
.surface-story-tag{position:absolute;left:17px;top:17px;background:#fffef5;border-radius:6px;padding:9px 11px;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.08em;font-weight:700;color:var(--blue-dark);box-shadow:0 3px 8px #122c4d06}
.surface-story-tag>.icon{width:20px;height:20px;stroke-width:1.4}
.surface-story-media>small{position:absolute;left:14px;bottom:13px;background:#ffffffed;padding:5px 8px;border-radius:4px;color:#536b83;font-size:9px;line-height:1.4}
.surface-media-link{position:absolute;right:15px;bottom:15px;background:#fff;height:35px;width:35px;border-radius:50%;display:grid;place-items:center;color:var(--blue-dark)}
.surface-media-link>.icon{width:18px;height:18px}
.surface-media-link:hover{background:var(--yellow)}
.surface-story-copy{padding:25px 23px 22px;display:flex;flex:1;flex-direction:column}
.surface-story h4{font-size:24px;line-height:1.18;letter-spacing:-.045em;color:var(--blue-dark);font-weight:700;max-width:270px;margin:0 0 15px}
.surface-story-copy>p{font-size:13px;line-height:1.85;color:#697b90;margin:0 0 22px}
.surface-story-copy>a{font-size:12px;color:var(--blue);font-weight:700;display:flex;justify-content:space-between;gap:13px;align-items:center;margin-top:auto;border-top:1px solid #e2e9f0;padding-top:18px;min-height:40px;line-height:1.5}
.surface-story-copy>a>.icon{height:18px;width:18px;flex-shrink:0}
.surface-story-copy>a:hover{color:#18316a}
.transformations-stage .usage-anchor{margin-top:32px}
.transformations-stage .usage-disclosure{border:0;border-radius:12px}
.transformations-stage .usage-disclosure>summary{padding:24px 27px}
.usage-summary-copy>small{color:#5e8b76;font-size:9px}
.usage-summary-copy>strong{font-size:23px}
.usage-body .use-steps li>span{background:var(--yellow-light);color:var(--blue-dark)}
.locator-stage .locator-banner .eyebrow{gap:13px;font-size:10px;letter-spacing:.12em}
.locator-stage .locator-banner h2{font-size:clamp(38px,4.4vw,59px);letter-spacing:-.05em;line-height:1.08;color:var(--blue-dark)}
.locator-stage .locator-banner h2>span{position:relative;isolation:isolate}
.locator-stage .locator-banner h2>span::after{content:"";position:absolute;inset:auto -5px 3px;height:20%;z-index:-1;background:#f7ed3885;transform:rotate(-1deg);border-radius:3px}
.locator-stage .locator-banner>.container>p:last-child{max-width:570px;margin:23px auto 0;font-size:15px;line-height:1.85}
.partner-copy>.eyebrow{font-size:10px;letter-spacing:.11em}
.partner-copy>.eyebrow .chapter-number{background:#193b81;color:var(--yellow);box-shadow:5px 5px 0 #193b8112}
.partner-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:440px}
.partner-card>h3{font-size:34px;max-width:310px}
.partner-steps li>span{background:#f2f4df;border:0;color:#345781;font-weight:700}
.partner-steps strong{line-height:1.45}
@media(max-width:1100px){
 .refined-header .header-inner{height:88px;gap:25px}.refined-header .brand img{width:142px}.refined-header .desktop-nav{gap:25px}.refined-header .desktop-nav a{font-size:13px}.refined-header .desktop-nav .nav-partner{font-size:12px;padding:16px 18px}
 .open-transformations{gap:25px}.result-story h3{font-size:19px}.surface-showcase-grid{gap:17px}.surface-story-copy{padding:23px 20px 21px}.surface-story h4{font-size:22px}.surface-story-copy>p{font-size:12px}.surface-story-copy>a{font-size:11px}.surface-story-tag{left:13px;top:13px;font-size:9px;padding:8px}.surface-story-media>small{font-size:8px;left:10px;bottom:11px;max-width:75%}.surface-media-link{right:11px;bottom:11px;height:31px;width:31px}.surface-story-tag>.icon{width:18px;height:18px}
}
@media(max-width:900px){
 .refined-header .desktop-nav{gap:20px}.refined-header .desktop-nav a{font-size:12px}.refined-header .desktop-nav .nav-partner{font-size:11px;gap:10px;padding:15px}.refined-header .brand img{width:132px}.refined-header .header-inner{gap:20px}
 .transformations-stage .open-results-heading{gap:32px}.transformations-stage .results-intro{max-width:285px}.transformations-stage .results-intro>p{font-size:13px}.transformations-stage h2{font-size:52px}.open-transformations{grid-template-columns:1fr;gap:35px}.result-story-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:16px}.result-category{margin:0;font-size:10px}.result-story h3{font-size:20px;max-width:340px;text-align:right}.result-story-description{max-width:none;font-size:12px;margin-top:13px}.open-transformations .result-story:first-child .comparison-photo{aspect-ratio:1.3}.open-transformations .result-story:first-child .comparison-photo img{height:100%;object-fit:cover}.open-transformations .result-story:nth-child(2) .comparison-photo{aspect-ratio:4/3}.open-transformations .result-story:nth-child(2) .comparison-photo img{height:100%;object-fit:cover}.showcase-heading{gap:35px}.showcase-heading h3{font-size:28px}.showcase-heading>p{font-size:12px;max-width:270px}.surface-story h4{font-size:20px}.surface-story-copy{padding:21px 16px 18px}.surface-story-copy>p{font-size:12px}.surface-story-copy>a{font-size:10px;gap:7px}.surface-story-tag{left:10px;top:10px;font-size:8px}.surface-story-tag>.icon{width:16px;height:16px}.surface-story-media>small{font-size:7px;max-width:70%}
}
@media(max-width:800px){
 html:has(#site-root){scroll-padding-top:96px}.refined-header .header-inner{height:82px;gap:15px}.refined-header .brand img{width:132px}.refined-header .mobile-find{background:var(--yellow);font-size:12px;padding:13px 17px;min-height:44px;color:var(--blue-dark);gap:9px;border-radius:8px}.refined-header .menu-toggle{height:44px;width:44px;border:0;background:#eff3f9;border-radius:8px}.refined-header .menu-toggle span{background:var(--blue-dark)}
 .transformations-stage{padding:66px 0}.surface-showcase-grid{gap:15px}.surface-story-media{aspect-ratio:.95}.surface-story-copy>p{font-size:11px}.surface-story h4{font-size:19px}.showcase-heading h3{font-size:29px}.application-showcase{scroll-margin-top:95px}.partner-copy>p:not(.eyebrow){font-size:14px}.partner-card>h3{font-size:29px}
}
@media(max-width:620px){
 .surface-showcase-grid{grid-template-columns:1fr;gap:24px}.surface-story{display:grid;grid-template-columns:.95fr 1.05fr;min-height:230px}.surface-story-media{aspect-ratio:auto;min-height:230px}.surface-story-copy{padding:24px 22px}.surface-story h4{font-size:24px}.surface-story-copy>p{font-size:12px}.surface-story-copy>a{font-size:11px}.surface-story-tag{top:13px;left:13px;font-size:9px}.surface-story-tag>.icon{width:18px;height:18px}.surface-story-media>small{font-size:8px}.showcase-heading{align-items:flex-start;gap:20px}.showcase-heading>p{max-width:225px}.showcase-heading h3{font-size:29px}.partner-card>h3{font-size:32px}
}
@media(max-width:560px){
 html:has(#site-root){scroll-padding-top:91px}.refined-header .header-inner{height:77px;gap:11px}.refined-header .brand img{width:119px}.refined-header .mobile-find{font-size:10px;padding:12px 13px;gap:8px}.refined-header .mobile-find .icon{width:16px;height:16px}.refined-header .menu-toggle{height:44px;width:44px}.refined-header .mobile-nav{padding:2px 23px 14px}.refined-header .mobile-nav a{min-height:75px;padding:15px 0}.refined-header .mobile-nav .mobile-nav-copy{font-size:16px}.refined-header .mobile-nav .mobile-nav-copy small{font-size:10px}
 .product-stage .hero-copy .eyebrow{font-size:9px;margin-bottom:23px}.product-stage .hero-copy>p{font-size:14px;line-height:1.9;margin-top:25px}.product-stage .hero-actions>.button{font-size:10px;padding:17px 16px;gap:14px}.product-stage .hero-actions>.text-link{font-size:10px;gap:7px}.product-footer p strong{font-size:16px}.product-footer p>span{font-size:11px}
 .transformations-stage{padding:57px 0}.transformations-stage .open-results-heading{display:block;margin-bottom:33px}.transformations-stage .section-label{font-size:9px;gap:11px;letter-spacing:.11em;margin-bottom:22px}.chapter-number{height:31px;width:31px;font-size:10px}.transformations-stage h2{font-size:46px}.transformations-stage .results-intro{max-width:none;padding:0;margin-top:22px}.transformations-stage .results-intro>p{font-size:13px;line-height:1.85;margin-bottom:14px;max-width:340px}.results-jump{font-size:11px;padding-bottom:8px;gap:20px}.open-transformations{gap:31px}.result-story-heading{display:block;margin-bottom:15px}.result-category{font-size:8px;gap:8px;margin-bottom:11px;letter-spacing:.1em}.result-category .icon{width:18px;height:18px}.result-story h3{font-size:22px;text-align:left;line-height:1.25;max-width:300px}.transformations-stage .open-transformations .comparison-grid{grid-template-columns:1fr 1fr;gap:8px}.transformations-stage .open-transformations .comparison-photo{border-radius:7px}.open-transformations .result-story:first-child .comparison-photo{aspect-ratio:.92}.open-transformations .result-story:nth-child(2) .comparison-photo{aspect-ratio:1.17}.transformations-stage .open-transformations .photo-label{font-size:9px;left:9px;top:9px;padding:6px 9px}.transformations-stage .open-transformations .photo-zoom{height:25px;width:25px;right:8px;bottom:8px}.result-story-description{font-size:11px;line-height:1.9;margin-top:12px}.transformations-stage .results-note{font-size:9px;line-height:1.9;gap:8px;margin-top:23px}.transformations-stage .results-note .icon{height:14px;width:14px}
 .application-showcase{margin-top:34px;padding-top:32px;scroll-margin-top:94px}.showcase-heading{display:block;margin-bottom:23px}.showcase-heading .eyebrow{font-size:8px;margin-bottom:13px;letter-spacing:.1em}.showcase-heading h3{font-size:31px;max-width:320px}.showcase-heading>p{max-width:none;font-size:12px;line-height:1.9;margin-top:17px}.surface-showcase-grid{gap:23px}.surface-story{display:flex;border-radius:11px;min-height:0}.surface-story-media{aspect-ratio:1.1;min-height:0}.surface-story-tag{left:17px;top:17px;font-size:10px;padding:9px 12px}.surface-story-tag>.icon{width:20px;height:20px}.surface-story-media>small{left:15px;bottom:15px;font-size:9px;max-width:75%}.surface-media-link{height:36px;width:36px;right:15px;bottom:15px}.surface-story-copy{padding:25px}.surface-story h4{font-size:28px;max-width:280px;margin-bottom:14px;line-height:1.16}.surface-story-copy>p{font-size:13px;line-height:1.85;margin-bottom:21px}.surface-story-copy>a{font-size:12px;padding-top:17px;gap:18px}.surface-story-copy>a>.icon{height:19px;width:19px}.transformations-stage .usage-anchor{margin-top:25px}.transformations-stage .usage-disclosure>summary{padding:21px}.usage-summary-copy>small{font-size:7px;line-height:1.6;margin-bottom:7px;letter-spacing:.07em}.usage-summary-copy>strong{font-size:20px;line-height:1.2}.usage-expand{height:37px;width:37px;font-size:25px}
 .locator-stage .locator-banner .eyebrow{font-size:8px;gap:10px;margin-bottom:22px}.locator-stage .locator-banner h2{font-size:40px;line-height:1.12}.locator-stage .locator-banner h2 br{display:block}.locator-stage .locator-banner>.container>p:last-child{font-size:13px;line-height:1.9;max-width:325px;margin-top:20px}.partner-copy>.eyebrow{font-size:9px}.partner-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}.partner-card>h3{font-size:31px}.partner-register{font-size:12px}.partner-steps strong{font-size:13px}
}
@media(max-width:360px){.refined-header .brand img{width:106px}.refined-header .header-inner{gap:9px}.refined-header .mobile-find{padding:12px 10px;font-size:9px}.refined-header .mobile-find>.icon{display:none}.refined-header .menu-toggle{width:42px}.transformations-stage h2{font-size:42px}.surface-story-copy{padding:22px}.surface-story h4{font-size:26px}.locator-stage .locator-banner h2{font-size:35px}.product-stage .hero-actions>.button{font-size:9px;gap:10px;padding:16px 13px}}
@media(prefers-reduced-motion:reduce){.surface-story:hover .surface-story-media>img{transform:none}}
.refined-header .header-progress{display:none}
.application-showcase{scroll-margin-top:8px}