.error-page-header{min-height:var(--site-header-height);padding:14px var(--page-padding);border-bottom:1px solid var(--hairline);align-items:center;display:flex}.error-page .document-page{padding-top:var(--space-16)}.error-page-actions{align-items:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.document-page .error-page-actions .button,.document-page .error-page-actions .text-link{margin-top:0}.document-page .error-page-code{margin-top:var(--space-8);color:var(--muted-foreground);font-size:var(--text-caption)}@media (max-width:600px){.error-page .document-page{padding-top:var(--space-10)}.error-page-actions .button{width:100%}}
html.paint-promo-open{overflow:hidden}.paint-promo{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--foreground);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.paint-promo::backdrop{background:#10121ac7;animation:.35s ease-out both paint-promo-fade}.paint-promo-close{z-index:2;top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);color:#fff;min-height:48px;font-size:var(--text-body);font-weight:var(--weight-title);background:#10121a59;border:1px solid #ffffff80;padding:8px 18px;display:inline-flex;position:absolute}.paint-promo-close:hover{background:#10121a99}.paint-promo-close svg{width:20px;height:20px}.paint-promo-stage{width:100vw;aspect-ratio:var(--paint-ratio);position:absolute;top:50%;left:0;transform:translateY(-50%);container-type:size}.paint-promo-media{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.paint-promo-copy{top:calc(var(--band-top) * 1%);width:100%;height:calc((var(--band-bottom) - var(--band-top)) * 1%);justify-content:center;align-items:flex-start;gap:calc(1.1cqw * var(--fit,1));padding:0 calc(100% - var(--band-end) * 1% + 3cqw) 0 7cqw;flex-direction:column;display:flex;position:absolute;left:0}.paint-promo-stage:not(.is-tall) .paint-promo-copy,.paint-promo-stage.is-tall h2{--reveal:linear-gradient(to right, #000 calc((var(--paint-edge) - var(--reveal-from,0)) * 1cqw - 1.5cqw), transparent calc((var(--paint-edge) - var(--reveal-from,0)) * 1cqw));-webkit-mask-image:var(--reveal);-webkit-mask-image:var(--reveal);mask-image:var(--reveal)}.paint-promo-copy h2{max-width:21ch;font-size:calc(min(4.3cqw, 88px) * var(--fit,1));letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:800;line-height:1.02}.paint-promo-copy p{max-width:58ch;color:inherit;font-size:max(15px, min(1.55cqw, 28px) * var(--fit,1));margin:0;font-weight:600;line-height:1.35}.paint-promo-cta{align-items:center;gap:var(--space-3);min-height:max(44px, 52px * var(--fit,1));border:2px solid var(--foreground);border-radius:var(--radius-pill);font-size:max(16px,min(1.3cqw,22px));font-weight:var(--weight-title);background:#fff;margin-top:.3cqw;padding:10px 26px;transition:transform .18s;display:inline-flex}.paint-promo-cta:hover{transform:translateY(-1px)}.paint-promo-cta svg{width:var(--icon);height:var(--icon)}.paint-promo-stage.is-done .paint-promo-cta{animation:.5s cubic-bezier(.34,1.56,.64,1) both paint-promo-pop}.paint-promo-stage.is-ink-light:not(.is-tall) .paint-promo-copy,.paint-promo-stage.is-ink-light.is-tall h2{color:#fff;text-shadow:0 1px 2px #10121acc,0 2px 16px #10121ab3}.paint-promo-stage.is-scrim-dark:not(.is-tall) .paint-promo-copy{background:linear-gradient(to right, #10121a80 0%, #10121a4d 50%, #10121a00 calc(var(--band-end) * 1%))}.paint-promo-stage.is-scrim-light:not(.is-tall) .paint-promo-copy{background:linear-gradient(to right, #ffffff9e 0%, #fff6 50%, #fff0 calc(var(--band-end) * 1%))}.paint-promo-stage.is-scrim-dark.is-tall h2{background:linear-gradient(90deg,#10121a80,#10121a40 80%,#10121a00)}.paint-promo-stage.is-scrim-light.is-tall h2{background:linear-gradient(90deg,#fff9,#ffffff4d 80%,#fff0)}.paint-promo-stage.is-button-yellow .paint-promo-cta{background:var(--primary);color:var(--foreground);text-shadow:none;border-color:#0000}.paint-promo-stage.is-tall{transform:translateY(-56%)}.paint-promo-stage.is-tall .paint-promo-copy{justify-content:flex-start;gap:0;height:auto;padding:0 6cqw;bottom:0}.paint-promo-stage.is-tall h2{--reveal-from:6;max-width:none;width:calc((var(--band-end) - 9) * 1cqw);height:calc((var(--band-bottom) - var(--band-top)) * 1cqh);font-size:calc(min(9.5cqw, (var(--band-end) - 9) * .24cqw, 60px) * var(--fit,1));align-items:center;display:flex}.paint-promo-stage.is-tall p,.paint-promo-stage.is-tall .paint-promo-cta{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(12px)}.paint-promo-stage.is-tall p{margin-top:calc((var(--roller-bottom) - var(--band-bottom)) * 1cqh + 3cqw);color:#fff;text-shadow:0 1px 12px #10121a99;font-size:max(16px,min(4.3cqw,22px))}.paint-promo-stage.is-tall .paint-promo-cta{background:var(--primary);border-color:#0000;margin-top:5cqw;transition-delay:.12s}.paint-promo-stage.is-tall.is-near p,.paint-promo-stage.is-tall.is-near .paint-promo-cta{opacity:1;transform:none}.paint-promo-stage.is-tall.is-done .paint-promo-cta{animation:none}.promo-build{z-index:0;pointer-events:none;position:absolute;left:0;overflow:hidden}.promo-build-base{clip-path:inset(0 100% 0 0);animation:1.5s cubic-bezier(.3,.6,.3,1) 50ms forwards promo-spread;position:absolute;inset:0}.promo-piece{opacity:0;will-change:transform, opacity;animation:.42s cubic-bezier(.2,.75,.25,1.15) both promo-press;position:absolute}.promo-tiles .promo-build-base{background:url(/images/promo/tile-adhesive.webp) 0/auto 100% repeat-x;box-shadow:inset 0 .3cqw .8cqw #0000004d}.promo-herringbone{transform-origin:0 0;position:absolute;top:0;left:0;transform:rotate(45deg)}.promo-tiles .promo-piece{filter:brightness(var(--tone,1)) drop-shadow(0 .12cqw .2cqw #0000004d);background:50%/98.2% 94% no-repeat}.promo-tiles .promo-piece.is-h{background-image:url(/images/promo/klinker-h.webp)}.promo-tiles .promo-piece.is-v{background-image:url(/images/promo/klinker-v.webp);background-size:94% 98.2%}.promo-roof{overflow:visible}.promo-roof .promo-build-base{background:linear-gradient(#a8835a,#7f603f) 0 1.5%/100% 3% no-repeat,linear-gradient(#a8835a,#7f603f) 0 31%/100% 3% no-repeat,linear-gradient(#a8835a,#7f603f) 0 60.5%/100% 3% no-repeat,linear-gradient(#a8835a,#7f603f) 0 90%/100% 3% no-repeat,linear-gradient(#2b2d33,#1f2126)}.promo-roof .promo-piece{filter:brightness(1.35)contrast(1.15)drop-shadow(0 .6cqw .5cqw #0009);background:url(/images/promo/roof-tile.webp) 50%/100% 100% no-repeat;animation-name:promo-drop;animation-timing-function:cubic-bezier(.3,.7,.3,1)}.promo-window{background:url(/images/promo/window-view-wide.webp) 0/cover;border:1.2cqw solid #f3f2ee;border-left-width:0;animation:.35s ease-out both promo-window-in;box-shadow:0 1.6cqw 3.2cqw #00000073,inset 0 .5cqw 1cqw #00000038}.promo-window.is-tall{background-image:url(/images/promo/window-view-tall.webp)}.promo-window:after{content:"";background:linear-gradient(115deg,#fff3,#0000 40%);position:absolute;inset:0}.promo-blind{z-index:1;border:1.2cqw solid #0000;border-left-width:0;animation:.35s ease-out both promo-window-in}.promo-blind-slats{perspective:150cqw;animation:.55s cubic-bezier(.5,0,.3,1) both promo-blind-raise;animation-delay:var(--raise-at);position:absolute;inset:0}.promo-blind-slats:after{content:"";z-index:1;background:linear-gradient(90deg,#0000 17.8%,#e2e0d9e6 17.8% 18.2%,#0000 18.2% 81.8%,#e2e0d9e6 81.8% 82.2%,#0000 82.2%);position:absolute;inset:0}.promo-blind-rail{z-index:2;background:linear-gradient(#f7f6f2,#d9d8d2);height:3.5%;position:absolute;top:0;left:0;right:0;box-shadow:0 .2cqw .3cqw #00000040}.promo-slat{background:linear-gradient(#fbfbf8,#efeee9 50%,#d3d2cc);animation:.55s cubic-bezier(.4,0,.2,1) both promo-slat-open;position:absolute;left:0;right:0;box-shadow:0 .1cqw .15cqw #0003}.paint-promo-stage.is-static .promo-build-base{clip-path:none}.paint-promo-stage.is-static .promo-piece{opacity:1;transform:none}.paint-promo-stage.is-static .promo-slat{transform:rotateX(80deg)}.paint-promo-stage.is-static .promo-blind-slats{transform:translateY(-97%)}.paint-promo-stage.is-static .promo-build{animation:none}@keyframes promo-spread{to{clip-path:inset(0)}}@keyframes promo-press{0%{opacity:0;transform:translate(-6%,-20%)scale(1.22)rotate(-5deg)}45%{opacity:1}75%{transform:scale(.97)}to{opacity:1;transform:none}}@keyframes promo-drop{0%{opacity:0;transform:translateY(-45%)rotate(-7deg)scale(1.08)}40%{opacity:1}72%{transform:translateY(3%)rotate(.6deg)}88%{transform:translateY(-1.5%)rotate(-.3deg)}to{opacity:1;transform:none}}@keyframes promo-window-in{0%{opacity:0;transform:scale(.97)}}@keyframes promo-blind-raise{to{transform:translateY(-97%)}}@keyframes promo-slat-open{to{transform:rotateX(80deg)}}@keyframes paint-promo-fade{0%{opacity:0}}@keyframes paint-promo-pop{0%{transform:scale(.92)}60%{transform:scale(1.05)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.paint-promo::backdrop,.paint-promo-stage.is-done .paint-promo-cta{animation:none}.paint-promo-stage.is-tall p,.paint-promo-stage.is-tall .paint-promo-cta{transition:none}}