/* ============================================================ styles.css — single site-wide stylesheet Every page links ONLY this file. Sections are scoped with :where(.pg-*) page classes set on , preserving each page's original cascade exactly (:where adds no specificity). Section order matters; the MASTER utilities section must remain last (it replaced inline style attributes and must win specificity ties). ============================================================ */ /* ==================== BASE (standard pages: about, services/*, legal, resources, service-areas) ==================== */ :root:where(.pg-standard){ --color-carbon:#0A0A0A;--color-carbon-soft:#141414; --color-bone:#FAFAF7;--color-bone-warm:#F2F1EA; --color-signal:#C8102E;--color-signal-dark:#A30D26; --color-concrete:#6B6B6B;--color-concrete-light:#9A9A93; --color-steel:#E5E5E0;--color-steel-dark:#C9C9C2; --text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem; --text-xl:1.333rem;--text-2xl:1.777rem;--text-3xl:2.369rem;--text-4xl:3.157rem;--text-5xl:4.209rem; --space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem; --space-6:3rem;--space-8:4rem;--space-12:6rem;--space-16:8rem; --font-display:'Inter Tight',system-ui,sans-serif; --font-serif:'Source Serif 4',Georgia,serif; --font-ui:'Inter Tight',system-ui,sans-serif; --container-max:1440px; --container-padding:clamp(1.25rem,4vw,4rem); --ease-out:cubic-bezier(0.16,1,0.3,1); --ease-in-out:cubic-bezier(0.65,0,0.35,1); --duration-fast:200ms;--duration-base:400ms;--duration-slow:700ms; --section-y:clamp(2.5rem,6vw,5rem); --nav-h:72px; --bg:#FAFAF7;--bg-warm:#F2F1EA;--bg-feature:#0A0A0A; --surface:#E5E5E0;--fg:#0A0A0A;--fg-soft:#2a2a2a; --fg-on-feature:#FAFAF7;--muted:#6B6B6B; --muted-on-feature:#9A9A93;--muted-on-feature-strong:#BDBDB8; --border:#E5E5E0;--border-strong:#C9C9C2; --border-feature:#222222;--border-feature-strong:#333333; --card:#141414;--card-selected:#181010; --placeholder-on-feature:#5b5b56; color-scheme:light; }[data-theme="dark"]:where(.pg-standard){ --bg:#0A0A0A;--bg-warm:#111111;--bg-feature:#181818; --surface:#1a1a1a;--fg:#FAFAF7;--fg-soft:#cfcfca; --fg-on-feature:#FAFAF7;--muted:#9A9A93; --muted-on-feature:#9A9A93;--muted-on-feature-strong:#BDBDB8; --border:#232323;--border-strong:#2a2a2a; --border-feature:#2a2a2a;--border-feature-strong:#363636; --card:#161616;--card-selected:#24161a; --placeholder-on-feature:#666660; color-scheme:dark; }html:where(.pg-standard), :where(.pg-standard) *, :where(.pg-standard) *::before, :where(.pg-standard) *::after{box-sizing:border-box;margin:0;padding:0}html:where(.pg-standard){scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}:where(.pg-standard) body{font-family:var(--font-display);background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased}:where(.pg-standard) img{display:block;max-width:100%;height:auto}:where(.pg-standard) a{color:inherit;text-decoration:none}:where(.pg-standard) ul{list-style:none}:where(.pg-standard) button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}:where(.pg-standard) input, :where(.pg-standard) textarea{font:inherit;border:none;background:none;color:inherit}:where(.pg-standard) .container{max-width:var(--container-max);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}:where(.pg-standard) .btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-weight:700;font-size:var(--text-sm);letter-spacing:0.03em;padding:.85rem 1.75rem;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;cursor:pointer;text-decoration:none}:where(.pg-standard) .btn .arrow{transition:transform var(--duration-fast) var(--ease-out)}:where(.pg-standard) .btn:hover .arrow{transform:translateX(3px)}:where(.pg-standard) .btn-primary{background:var(--color-signal);color:var(--color-bone);border:1px solid var(--color-signal)}:where(.pg-standard) .btn-primary:hover{background:var(--color-signal-dark);border-color:var(--color-signal-dark)}:where(.pg-standard) .btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--border-strong)}:where(.pg-standard) .btn-ghost:hover{background:var(--surface);border-color:var(--fg)}:where(.pg-standard) .btn-outline{background:transparent;color:var(--fg);border:1px solid var(--border-strong)}:where(.pg-standard) .btn-outline:hover{background:var(--fg);color:var(--bg)}:where(.pg-standard) .btn-outline-light{background:transparent;color:var(--fg-on-feature);border:1px solid var(--border-feature-strong)}:where(.pg-standard) .btn-outline-light:hover{background:var(--fg-on-feature);color:var(--bg-feature)}:where(.pg-standard) .link-arrow{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-ui);font-weight:600;font-size:var(--text-sm);letter-spacing:0.03em;transition:color var(--duration-fast) var(--ease-out)}:where(.pg-standard) .link-arrow:hover{color:var(--color-signal)}:where(.pg-standard) .nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;background:var(--bg);border-bottom:1px solid var(--border);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}:where(.pg-standard) .nav.is-scrolled{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:where(.pg-standard) .nav-inner{width:100%;max-width:var(--container-max);margin:0 auto;padding-inline:var(--container-padding);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem}:where(.pg-standard) .brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:800;font-size:var(--text-base);letter-spacing:0.04em;text-transform:uppercase;white-space:nowrap}:where(.pg-standard) .brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--color-signal);color:var(--color-bone);font-size:11px;letter-spacing:0;font-weight:700}:where(.pg-standard) .nav-links{display:flex;align-items:center;justify-content:center;gap:1rem;list-style:none;padding:0;margin:0}:where(.pg-standard) .nav-links a{font-family:var(--font-ui);font-size:0.8125rem;font-weight:500;letter-spacing:0.02em;color:var(--fg);padding:.5rem 0;position:relative;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out)}:where(.pg-standard) .nav-links a:hover, :where(.pg-standard) .nav-links a.is-active{color:var(--color-signal)}:where(.pg-standard) .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--color-signal);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}:where(.pg-standard) .nav-links a:hover::after, :where(.pg-standard) .nav-links a.is-active::after{transform:scaleX(1)}:where(.pg-standard) .nav-cta{display:flex;align-items:center;gap:1rem;margin-left:auto}:where(.pg-standard) .nav-cta .btn-primary{padding:.6rem 1rem;font-size:var(--text-xs)}:where(.pg-standard) .nav-phone{font-family:var(--font-ui);font-size:0.8125rem;font-weight:600;display:flex;align-items:center;gap:.5rem;white-space:nowrap}:where(.pg-standard) .nav-phone span{color:var(--color-signal);font-size:8px}:where(.pg-standard) .theme-toggle{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border-strong);transition:background var(--duration-fast) var(--ease-out)}:where(.pg-standard) .theme-toggle:hover{background:var(--surface)}:where(.pg-standard) .theme-toggle svg{width:16px;height:16px}:where(.pg-standard) .theme-toggle .sun{display:none}[data-theme="dark"]:where(.pg-standard) .theme-toggle .moon{display:none}[data-theme="dark"]:where(.pg-standard) .theme-toggle .sun{display:block}:where(.pg-standard) .nav-burger{display:none;width:36px;height:36px;position:relative;border:1px solid var(--border-strong)}:where(.pg-standard) .nav-burger span, :where(.pg-standard) .nav-burger::before, :where(.pg-standard) .nav-burger::after{content:'';position:absolute;left:9px;right:9px;height:2px;background:var(--fg);transition:all var(--duration-fast) var(--ease-out)}:where(.pg-standard) .nav-burger span{top:50%;transform:translateY(-50%)}:where(.pg-standard) .nav-burger::before{top:10px}:where(.pg-standard) .nav-burger::after{bottom:10px}:where(.pg-standard) .nav-drop{position:relative}:where(.pg-standard) .nav-drop>a::after{content:'';display:inline-block;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid currentColor;margin-left:.4rem;transform:translateY(-1px);transition:transform var(--duration-fast) var(--ease-out)}:where(.pg-standard) .nav-drop:hover>a::after{transform:translateY(-1px) rotate(180deg)}:where(.pg-standard) .nav-drop-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:200px;background:var(--bg);border:1px solid var(--border);padding:.5rem 0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out);z-index:110;padding-top:.5rem}:where(.pg-standard) .nav-drop-menu::before{content:'';position:absolute;top:-.75rem;left:0;right:0;height:.75rem}:where(.pg-standard) .nav-drop:hover .nav-drop-menu{opacity:1;visibility:visible;pointer-events:auto}:where(.pg-standard) .nav-drop-menu a{display:block;padding:.55rem 1.25rem;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;letter-spacing:0.02em;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}:where(.pg-standard) .nav-drop-menu a:hover{background:var(--bg-warm);color:var(--color-signal)}:where(.pg-standard) .nav.is-scrolled .nav-drop-menu{background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(max-width:1420px){:where(.pg-standard) .nav-cta .nav-phone{display:none}}@media(max-width:1100px){:where(.pg-standard) .nav-links, :where(.pg-standard) .nav-cta .nav-phone, :where(.pg-standard) .nav-cta .btn-primary{display:none}:where(.pg-standard) .nav-burger{display:grid}}:where(.pg-standard) .nav-overlay{position:fixed;inset:0;z-index:200;background:var(--bg);display:flex;flex-direction:column;padding:0 var(--container-padding);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out),visibility var(--duration-base) var(--ease-out);overflow-y:auto}:where(.pg-standard) .nav-overlay.is-open{opacity:1;visibility:visible}:where(.pg-standard) .nav-overlay-top{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h)}:where(.pg-standard) .nav-overlay-close{width:36px;height:36px;border:1px solid var(--border-strong);position:relative}:where(.pg-standard) .nav-overlay-close::before, :where(.pg-standard) .nav-overlay-close::after{content:'';position:absolute;left:9px;right:9px;top:50%;height:2px;background:var(--fg)}:where(.pg-standard) .nav-overlay-close::before{transform:rotate(45deg)}:where(.pg-standard) .nav-overlay-close::after{transform:rotate(-45deg)}:where(.pg-standard) .nav-overlay-links{display:flex;flex-direction:column;gap:0;margin-top:var(--space-6);flex:1}:where(.pg-standard) .nav-overlay-links a{font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);letter-spacing:-0.02em;padding:.75rem 0;border-bottom:1px solid var(--border);transition:color var(--duration-fast) var(--ease-out)}:where(.pg-standard) .nav-overlay-links a:hover{color:var(--color-signal)}:where(.pg-standard) .nav-overlay-foot{padding:var(--space-4) 0;display:flex;flex-direction:column;gap:1rem;border-top:1px solid var(--border)}:where(.pg-standard) .hero{min-height:100vh;display:grid;grid-template-columns:1fr 420px;margin-top:var(--nav-h);gap:0;max-width:var(--container-max);margin-left:auto;margin-right:auto}:where(.pg-standard) .hero-content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-6) var(--space-8) var(--container-padding)}:where(.pg-standard) .hero-eyebrow{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-3)}:where(.pg-standard) .hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,5vw,var(--text-5xl));letter-spacing:-0.03em;line-height:1.05;margin-bottom:var(--space-3)}:where(.pg-standard) .hero-sub{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--fg-soft);line-height:1.55;max-width:50ch;margin-bottom:var(--space-4)}:where(.pg-standard) .hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:var(--space-4)}:where(.pg-standard) .hero-foot{display:flex;gap:var(--space-6);border-top:1px solid var(--border);padding-top:var(--space-3)}:where(.pg-standard) .hero-foot .stat{display:flex;flex-direction:column}:where(.pg-standard) .hero-foot .stat strong{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);letter-spacing:-0.02em}:where(.pg-standard) .hero-foot .stat span{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.14em;text-transform:uppercase;color:var(--muted)}:where(.pg-standard) .hero-estimate{display:flex;align-items:center;padding:var(--space-4) var(--container-padding) var(--space-4) 0}:where(.pg-standard) .estimate{background:var(--bg-feature);color:var(--fg-on-feature);border:1px solid var(--border-feature);width:100%}:where(.pg-standard) .estimate-head{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;border-bottom:1px solid var(--border-feature-strong)}:where(.pg-standard) .estimate-head .t{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:0.04em;text-transform:uppercase}:where(.pg-standard) .estimate-head .f{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.12em;color:var(--muted-on-feature)}:where(.pg-standard) .estimate-body{padding:1.5rem 1.25rem}:where(.pg-standard) .estimate-body h2{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);letter-spacing:-0.02em;line-height:1.1;margin-bottom:.5rem}:where(.pg-standard) .estimate-body h2 .hl{color:var(--color-signal)}:where(.pg-standard) .estimate-body > p{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--muted-on-feature-strong);line-height:1.55;margin-bottom:1.25rem}:where(.pg-standard) .est-form{display:flex;flex-direction:column;gap:.85rem}:where(.pg-standard) .est-form label{display:block;font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--muted-on-feature-strong);margin-bottom:.35rem}:where(.pg-standard) .est-form input, :where(.pg-standard) .est-form select{width:100%;font-family:var(--font-ui);font-size:var(--text-sm);background:transparent;color:var(--fg-on-feature);border:1px solid var(--border-feature-strong);padding:.65rem .75rem;transition:border-color var(--duration-fast) var(--ease-out)}:where(.pg-standard) .est-form input:focus, :where(.pg-standard) .est-form select:focus{outline:none;border-color:var(--color-signal)}:where(.pg-standard) .est-form input::placeholder{color:var(--placeholder-on-feature)}:where(.pg-standard) .est-form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='%239A9A93'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}:where(.pg-standard) .est-form select option{background:var(--bg-feature);color:var(--fg-on-feature)}:where(.pg-standard) .est-form .row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}:where(.pg-standard) .est-legal{display:flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--muted-on-feature);line-height:1.4;margin-top:.5rem}:where(.pg-standard) .est-legal svg{flex:0 0 auto}:where(.pg-standard) .estimate-foot{border-top:1px solid var(--border-feature-strong);padding:.65rem 1.25rem;display:flex;justify-content:space-between;font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.08em;color:var(--muted-on-feature)}@media(max-width:1000px){:where(.pg-standard) .hero{grid-template-columns:1fr;min-height:auto}:where(.pg-standard) .hero-estimate{padding:0 var(--container-padding) var(--space-6)}}:where(.pg-standard) .ticker{background:var(--bg-feature);border-top:1px solid var(--border-feature);border-bottom:1px solid var(--border-feature);overflow:hidden}:where(.pg-standard) .ticker-track{display:flex;gap:2.5rem;padding:.8rem 0;white-space:nowrap;animation:tickerScroll 40s linear infinite}:where(.pg-standard) .ticker:hover .ticker-track{animation-play-state:paused}:where(.pg-standard) .ticker-track span{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-ui);font-weight:600;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:var(--fg-on-feature)}:where(.pg-standard) .ticker-track .pip{width:6px;height:6px;background:var(--color-signal);display:inline-block;transform:rotate(45deg)}:where(.pg-standard) .ticker-track .stars{color:var(--color-signal)}@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}:where(.pg-standard) .trust{padding:var(--space-6) 0;border-bottom:1px solid var(--border)}:where(.pg-standard) .trust-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4)}:where(.pg-standard) .trust-item{display:flex;flex-direction:column;text-align:center;gap:.15rem}:where(.pg-standard) .trust-item strong{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:0.08em;text-transform:uppercase}:where(.pg-standard) .trust-item span{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--muted);letter-spacing:0.06em;text-transform:uppercase}@media(max-width:900px){:where(.pg-standard) .trust-inner{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){:where(.pg-standard) .trust-inner{grid-template-columns:repeat(2,1fr)}}:where(.pg-standard) section{padding:var(--section-y) 0}:where(.pg-standard) .section-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-3)}:where(.pg-standard) .section-head{max-width:52ch;margin-bottom:var(--space-4)}:where(.pg-standard) .section-head h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,4vw,var(--text-4xl));letter-spacing:-0.03em;line-height:1.08;margin-bottom:var(--space-2)}:where(.pg-standard) .section-head p{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--fg-soft);line-height:1.55}:where(.pg-standard) .services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}:where(.pg-standard) .service-card{background:var(--bg);display:flex;flex-direction:column;transition:background var(--duration-fast) var(--ease-out)}:where(.pg-standard) .service-card:hover{background:var(--bg-warm)}:where(.pg-standard) .service-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface)}:where(.pg-standard) .service-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}:where(.pg-standard) .service-card:hover .service-img img{transform:scale(1.04)}:where(.pg-standard) .service-img .num{position:absolute;top:1rem;left:1rem;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:0.1em;color:#fff;background:rgba(0,0,0,.55);padding:.3rem .6rem}:where(.pg-standard) .service-meta{padding:1.25rem 1.25rem .25rem;display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}:where(.pg-standard) .service-meta h3{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);letter-spacing:-0.01em}:where(.pg-standard) .service-meta .tag{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--muted)}:where(.pg-standard) .service-desc{padding:.25rem 1.25rem;font-family:var(--font-serif);font-size:var(--text-sm);color:var(--fg-soft);line-height:1.5;flex:1}:where(.pg-standard) .service-link{padding:1rem 1.25rem 1.25rem}@media(max-width:1100px){:where(.pg-standard) .services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){:where(.pg-standard) .services-grid{grid-template-columns:1fr}}:where(.pg-standard) .method{background:var(--bg-warm)}:where(.pg-standard) .timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}:where(.pg-standard) .stage{background:var(--bg-warm);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}:where(.pg-standard) .stage .n{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:0.14em;color:var(--color-signal)}:where(.pg-standard) .stage h3{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);letter-spacing:-0.01em;line-height:1.2}:where(.pg-standard) .stage p{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--fg-soft);line-height:1.55}@media(max-width:1000px){:where(.pg-standard) .timeline{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){:where(.pg-standard) .timeline{grid-template-columns:1fr}}:where(.pg-standard) .portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--border);background:var(--border)}:where(.pg-standard) .portfolio-card{background:var(--bg);padding:2rem;display:flex;flex-direction:column;gap:.75rem}:where(.pg-standard) .portfolio-card h3{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:-0.02em}:where(.pg-standard) .pc-location{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.14em;text-transform:uppercase;color:var(--muted)}:where(.pg-standard) .portfolio-card ul{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}:where(.pg-standard) .portfolio-card li{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--fg-soft);padding-left:1rem;position:relative}:where(.pg-standard) .portfolio-card li::before{content:'·';position:absolute;left:0;color:var(--color-signal);font-weight:700}@media(max-width:800px){:where(.pg-standard) .portfolio-grid{grid-template-columns:1fr}}:where(.pg-standard) .stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--space-4) 0}:where(.pg-standard) .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}:where(.pg-standard) .stat-cell{background:var(--bg);padding:var(--space-4) var(--space-4);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}:where(.pg-standard) .stat-num{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5vw,var(--text-5xl));letter-spacing:-0.04em;line-height:1}:where(.pg-standard) .stat-num .plus, :where(.pg-standard) .stat-num .star{color:var(--color-signal)}:where(.pg-standard) .stat-cell span:last-child{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.14em;text-transform:uppercase;color:var(--muted)}@media(max-width:600px){:where(.pg-standard) .stats-grid{grid-template-columns:1fr}}:where(.pg-standard) .ba-shell{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:start}@media(max-width:980px){:where(.pg-standard) .ba-shell{grid-template-columns:1fr}}:where(.pg-standard) .ba{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--surface);user-select:none;touch-action:none;border:1px solid var(--border)}:where(.pg-standard) .ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}:where(.pg-standard) .ba .after-wrap{position:absolute;inset:0;width:50%;overflow:hidden}:where(.pg-standard) .ba .after-wrap img{width:calc(100% / 0.5);max-width:none}:where(.pg-standard) .ba .label{position:absolute;top:1rem;font-family:var(--font-ui);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.06em;padding:.4rem .7rem}:where(.pg-standard) .ba .label.before{left:1rem;background:var(--bg);color:var(--fg);border:1px solid var(--border)}:where(.pg-standard) .ba .label.after{right:1rem;background:var(--color-signal);color:var(--color-bone)}:where(.pg-standard) .ba .handle{position:absolute;top:0;bottom:0;width:2px;background:var(--color-signal);left:50%;transform:translateX(-1px);pointer-events:none}:where(.pg-standard) .ba .knob{position:absolute;top:50%;left:50%;width:44px;height:44px;background:var(--color-signal);transform:translate(-50%,-50%);display:grid;place-items:center;cursor:ew-resize}:where(.pg-standard) .ba .knob::before, :where(.pg-standard) .ba .knob::after{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;top:50%;transform:translateY(-50%)}:where(.pg-standard) .ba .knob::before{left:10px;border-right:6px solid var(--color-bone)}:where(.pg-standard) .ba .knob::after{right:10px;border-left:6px solid var(--color-bone)}:where(.pg-standard) .ba-caption{display:flex;flex-direction:column;gap:1rem}:where(.pg-standard) .ba-caption h3{font-size:var(--text-2xl);letter-spacing:-0.02em}:where(.pg-standard) .ba-story{font-family:var(--font-serif);color:var(--fg-soft);line-height:1.6}:where(.pg-standard) .ba-table{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr}:where(.pg-standard) .ba-table > div{padding:.85rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}:where(.pg-standard) .ba-table > div:nth-child(2n){border-right:0}:where(.pg-standard) .ba-table > div:nth-last-child(-n+2){border-bottom:0}:where(.pg-standard) .ba-table dt{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}:where(.pg-standard) .ba-table dd{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm)}:where(.pg-standard) .test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:900px){:where(.pg-standard) .test-grid{grid-template-columns:1fr}}:where(.pg-standard) .test-card{border:1px solid var(--border);background:var(--bg);padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:.85rem;transition:background var(--duration-fast) var(--ease-out)}:where(.pg-standard) .test-card:hover{background:var(--bg-warm)}:where(.pg-standard) .test-stars{display:flex;gap:2px;color:var(--color-signal);font-size:1.1rem;line-height:1}:where(.pg-standard) .test-quote{font-family:var(--font-serif);font-size:var(--text-base);line-height:1.55;color:var(--fg-soft)}:where(.pg-standard) .test-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}:where(.pg-standard) .test-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm)}:where(.pg-standard) .test-where{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.14em;text-transform:uppercase;color:var(--muted)}:where(.pg-standard) .test-verified{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.12em;text-transform:uppercase;color:#1F7A3A}:where(.pg-standard) .test-foot{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--bg-feature);color:var(--fg-on-feature);padding:1.25rem 1.5rem;border:1px solid var(--border-feature)}:where(.pg-standard) .test-foot .stars{display:inline-flex;gap:2px;color:var(--color-signal);font-size:1.25rem}:where(.pg-standard) .test-foot .meta{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.12em;text-transform:uppercase}:where(.pg-standard) .test-foot .meta strong{font-family:var(--font-display);font-size:var(--text-base);letter-spacing:0;color:var(--color-signal)}:where(.pg-standard) .promise{background:var(--bg-feature);color:var(--fg-on-feature);padding:var(--section-y) 0}:where(.pg-standard) .promise .section-label{color:var(--muted-on-feature)}:where(.pg-standard) .promise .section-head p{color:var(--muted-on-feature-strong)}:where(.pg-standard) .promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-feature);border:1px solid var(--border-feature)}:where(.pg-standard) .commit{background:var(--card);padding:1.75rem;display:flex;flex-direction:column;gap:.5rem;transition:background var(--duration-fast) var(--ease-out)}:where(.pg-standard) .commit:hover{background:var(--card-selected)}:where(.pg-standard) .commit .n{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:0.14em;color:var(--color-signal)}:where(.pg-standard) .commit h3{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);letter-spacing:-0.01em}:where(.pg-standard) .commit p{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--muted-on-feature-strong);line-height:1.55}:where(.pg-standard) .promise-cta{margin-top:var(--space-6);text-align:center}:where(.pg-standard) .promise-cta .link-arrow{color:var(--muted-on-feature-strong)}:where(.pg-standard) .promise-cta .link-arrow:hover{color:var(--color-signal)}@media(max-width:900px){:where(.pg-standard) .promise-grid{grid-template-columns:1fr}}:where(.pg-standard) .form-section{background:var(--bg-warm);color:var(--fg);padding:var(--section-y) 0}:where(.pg-standard) .form-section .section-label{color:var(--muted)}:where(.pg-standard) .form-section .section-head p{color:var(--fg-soft)}:where(.pg-standard) .form-shell{display:grid;grid-template-columns:320px 1fr;gap:0;border:1px solid var(--border);min-height:480px;background:var(--bg)}:where(.pg-standard) .form-side{background:var(--bg-feature);color:var(--fg-on-feature);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border-right:1px solid var(--border)}:where(.pg-standard) .form-side .step-count{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.14em;text-transform:uppercase;color:var(--muted-on-feature)}:where(.pg-standard) .dots{display:flex;gap:.5rem;margin-top:.25rem}:where(.pg-standard) .dots span{width:8px;height:8px;background:var(--border-feature-strong);transition:background var(--duration-fast) var(--ease-out)}:where(.pg-standard) .dots span.is-active{background:var(--color-signal)}:where(.pg-standard) .dots span.is-done{background:var(--muted-on-feature)}:where(.pg-standard) .form-side h3{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}:where(.pg-standard) .form-side ul{display:flex;flex-direction:column;gap:.5rem}:where(.pg-standard) .form-side li{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--muted-on-feature-strong);padding-left:1rem;position:relative}:where(.pg-standard) .form-side li::before{content:'·';position:absolute;left:0;color:var(--color-signal);font-weight:700}:where(.pg-standard) .form-main{padding:2rem;display:flex;flex-direction:column}:where(.pg-standard) .form-step{display:none;flex-direction:column;gap:1rem;flex:1}:where(.pg-standard) .form-step.is-active{display:flex}:where(.pg-standard) .form-step h4{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);margin-bottom:.5rem}:where(.pg-standard) .opt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}:where(.pg-standard) .opt{border:1px solid var(--border-strong);padding:1.25rem;cursor:pointer;background:var(--bg);transition:all var(--duration-fast) var(--ease-out)}:where(.pg-standard) .opt:hover{border-color:var(--fg);transform:translateY(-2px)}:where(.pg-standard) .opt.is-selected{border-color:var(--color-signal);background:var(--bg-warm)}:where(.pg-standard) .opt.is-selected::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-signal)}:where(.pg-standard) .opt{position:relative}:where(.pg-standard) .opt strong{display:block;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--fg)}:where(.pg-standard) .opt span{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--muted);letter-spacing:0.06em}:where(.pg-standard) .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}:where(.pg-standard) .field{display:flex;flex-direction:column;gap:.35rem}:where(.pg-standard) .field.full{grid-column:1/-1}:where(.pg-standard) .field label{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--muted)}:where(.pg-standard) .field input, :where(.pg-standard) .field textarea{background:var(--bg);border:1px solid var(--border-strong);padding:.75rem 1rem;font-family:var(--font-display);font-size:var(--text-sm);color:var(--fg);transition:border-color var(--duration-fast) var(--ease-out)}:where(.pg-standard) .field input::placeholder, :where(.pg-standard) .field textarea::placeholder{color:var(--color-concrete-light)}:where(.pg-standard) .field input:focus, :where(.pg-standard) .field textarea:focus{outline:none;border-color:var(--color-signal)}:where(.pg-standard) .field textarea{resize:vertical;min-height:80px}:where(.pg-standard) .form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.5rem}:where(.pg-standard) .btn-back{background:transparent;color:var(--muted);border:1px solid var(--border-strong);padding:.7rem 1.5rem;font-family:var(--font-ui);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}:where(.pg-standard) .btn-back:hover{border-color:var(--fg);color:var(--fg)}:where(.pg-standard) .btn-continue{padding:.7rem 1.5rem}:where(.pg-standard) .success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;flex:1}:where(.pg-standard) .success h3{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl)}:where(.pg-standard) .success p{font-family:var(--font-serif);color:var(--fg-soft);max-width:40ch}@media(max-width:800px){:where(.pg-standard) .form-shell{grid-template-columns:1fr}:where(.pg-standard) .form-side{border-right:0;border-bottom:1px solid var(--border-feature)}:where(.pg-standard) .opt-grid{grid-template-columns:1fr}:where(.pg-standard) .contact-grid{grid-template-columns:1fr}}:where(.pg-standard) .faq{display:flex;flex-direction:column;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}:where(.pg-standard) .faq-item{border-bottom:1px solid var(--border)}:where(.pg-standard) .faq-item:last-child{border-bottom:0}:where(.pg-standard) .faq-q{display:grid;grid-template-columns:40px 1fr auto;gap:1rem;align-items:center;padding:1.25rem 0;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-0.01em;line-height:1.1;width:100%;text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}:where(.pg-standard) .faq-q:hover{color:var(--color-signal)}:where(.pg-standard) .faq-q .n{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;letter-spacing:0.14em;color:var(--muted)}:where(.pg-standard) .faq-q .ico{width:28px;height:28px;border:1px solid var(--border-strong);display:grid;place-items:center;font-family:var(--font-ui);font-weight:600;font-size:var(--text-sm);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}:where(.pg-standard) .faq-item.is-open .faq-q .ico{background:var(--color-signal);color:var(--color-bone);border-color:var(--color-signal);transform:rotate(45deg)}:where(.pg-standard) .faq-a{max-height:0;overflow:hidden;transition:max-height var(--duration-base) var(--ease-out)}:where(.pg-standard) .faq-item.is-open .faq-a{max-height:300px}:where(.pg-standard) .faq-a-inner{padding:0 0 1.25rem 56px;font-family:var(--font-serif);color:var(--fg-soft);line-height:1.6;max-width:70ch}:where(.pg-standard) .mcta{position:fixed;bottom:0;left:0;right:0;z-index:90;background:var(--bg);border-top:1px solid var(--border);padding:.75rem var(--container-padding);transition:transform var(--duration-fast) var(--ease-out);display:none}:where(.pg-standard) .mcta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}:where(.pg-standard) .mcta-grid a{display:grid;place-items:center;padding:.65rem;font-family:var(--font-ui);font-weight:700;font-size:var(--text-sm);letter-spacing:0.06em;text-transform:uppercase;border:1px solid var(--border-strong);transition:all var(--duration-fast) var(--ease-out)}:where(.pg-standard) .mcta-grid a:last-child{background:var(--color-signal);color:var(--color-bone);border-color:var(--color-signal)}@media(max-width:800px){:where(.pg-standard) .mcta{display:block}}:where(.pg-standard) .mcta.is-hidden{transform:translateY(100%)}:where(.pg-standard) .foot{background:var(--bg-feature);color:var(--fg-on-feature);padding:var(--space-8) 0 var(--space-4)}:where(.pg-standard) .foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:var(--space-6);margin-bottom:var(--space-4)}:where(.pg-standard) .foot-brand{display:flex;flex-direction:column;gap:1rem}:where(.pg-standard) .foot-brand p{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--muted-on-feature-strong);line-height:1.55}:where(.pg-standard) .foot .brand{color:var(--fg-on-feature)}:where(.pg-standard) .socials{display:flex;gap:.5rem}:where(.pg-standard) .socials a{width:36px;height:36px;border:1px solid var(--border-feature-strong);display:grid;place-items:center;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:0.06em;transition:all var(--duration-fast) var(--ease-out)}:where(.pg-standard) .socials a:hover{background:var(--fg-on-feature);color:var(--bg-feature)}:where(.pg-standard) .foot-col h4{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;margin-bottom:1rem;color:var(--muted-on-feature)}:where(.pg-standard) .foot-col ul{display:flex;flex-direction:column;gap:.5rem}:where(.pg-standard) .foot-col a{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--muted-on-feature-strong);transition:color var(--duration-fast) var(--ease-out)}:where(.pg-standard) .foot-col a:hover{color:var(--fg-on-feature)}:where(.pg-standard) .foot-newsletter{display:flex;flex-direction:column;gap:.75rem}:where(.pg-standard) .news-form{display:flex;border:1px solid var(--border-feature-strong)}:where(.pg-standard) .news-form input{flex:1;padding:.65rem .75rem;font-size:var(--text-sm);background:transparent;color:var(--fg-on-feature)}:where(.pg-standard) .news-form input::placeholder{color:var(--placeholder-on-feature)}:where(.pg-standard) .news-form button{padding:.65rem 1rem;font-family:var(--font-ui);font-weight:700;font-size:var(--text-sm);color:var(--fg-on-feature);border-left:1px solid var(--border-feature-strong);transition:background var(--duration-fast) var(--ease-out)}:where(.pg-standard) .news-form button:hover{background:var(--color-signal)}:where(.pg-standard) .foot-bot{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--border-feature);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--muted-on-feature);letter-spacing:0.04em;flex-wrap:wrap;gap:1rem}:where(.pg-standard) .legal{display:flex;gap:1.5rem}:where(.pg-standard) .legal a{color:var(--muted-on-feature);transition:color var(--duration-fast) var(--ease-out)}:where(.pg-standard) .legal a:hover{color:var(--fg-on-feature)}@media(max-width:900px){:where(.pg-standard) .foot-top{grid-template-columns:1fr 1fr;gap:var(--space-4)}}@media(max-width:600px){:where(.pg-standard) .foot-top{grid-template-columns:1fr}}:where(.pg-standard) .page-hero{margin-top:var(--nav-h);padding:var(--space-8) 0 var(--space-6);border-bottom:1px solid var(--border)}:where(.pg-standard) .page-hero.has-hero-img{ background-image:linear-gradient(to right,rgba(8,8,8,.86),rgba(8,8,8,.6) 55%,rgba(8,8,8,.78)),var(--svc-hero-img); background-size:cover;background-position:center; border-bottom:1px solid var(--border-feature); padding-top:var(--space-12);padding-bottom:var(--space-8); }:where(.pg-standard) .page-hero.has-hero-img .eyebrow{color:var(--color-steel)}:where(.pg-standard) .page-hero.has-hero-img h1{color:#fff}:where(.pg-standard) .page-hero.has-hero-img .lede{color:rgba(255,255,255,.82)}:where(.pg-standard) .page-hero.has-hero-img .btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)}:where(.pg-standard) .page-hero.has-hero-img .btn-ghost:hover{background:#fff;color:var(--color-carbon);border-color:#fff}:where(.pg-standard) .page-hero .eyebrow{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-3)}:where(.pg-standard) .page-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,5vw,var(--text-5xl));letter-spacing:-0.03em;line-height:1.05;margin-bottom:var(--space-3);max-width:20ch}:where(.pg-standard) .page-hero .lede{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--fg-soft);line-height:1.55;max-width:56ch}:where(.pg-standard) .page-hero .hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-top:var(--space-4)}:where(.pg-standard) .hero-split{display:grid;grid-template-columns:1fr 420px;gap:var(--space-6);align-items:center}:where(.pg-standard) .hero-split .hero-copy{min-width:0}@media(max-width:1000px){:where(.pg-standard) .hero-split{grid-template-columns:1fr}}:where(.pg-standard) .est-success{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}:where(.pg-standard) .est-success h3{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl)}:where(.pg-standard) .est-success p{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--muted-on-feature-strong);line-height:1.55}:where(.pg-standard) .content-block{max-width:72ch}:where(.pg-standard) .content-block h2{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);letter-spacing:-0.02em;margin:var(--space-4) 0 var(--space-2)}:where(.pg-standard) .content-block h2:first-child{margin-top:0}:where(.pg-standard) .content-block p{font-family:var(--font-serif);font-size:var(--text-base);color:var(--fg-soft);line-height:1.65;margin-bottom:1rem}:where(.pg-standard) .content-block ul{display:flex;flex-direction:column;gap:.5rem;margin:0 0 1.25rem}:where(.pg-standard) .content-block li{font-family:var(--font-serif);font-size:var(--text-base);color:var(--fg-soft);line-height:1.55;padding-left:1.1rem;position:relative}:where(.pg-standard) .content-block li::before{content:'·';position:absolute;left:0;color:var(--color-signal);font-weight:700} /* ==================== CALCULATORS (resources page) ==================== */ :where(.pg-calc) .cc{width:100%}:where(.pg-calc) .cc-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-4)}:where(.pg-calc) .cc-tab{font-family:var(--font-ui);font-weight:600;font-size:var(--text-sm);letter-spacing:.02em;padding:.6rem 1.1rem;border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}:where(.pg-calc) .cc-tab:hover{border-color:var(--fg)}:where(.pg-calc) .cc-tab.is-active{background:var(--color-signal);border-color:var(--color-signal);color:var(--color-bone)}:where(.pg-calc) .cc-panel{display:none}:where(.pg-calc) .cc-panel.is-active{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}:where(.pg-calc) .cc-form{display:flex;flex-direction:column;gap:1rem}:where(.pg-calc) .cc-field{display:flex;flex-direction:column;gap:.35rem}:where(.pg-calc) .cc-field label{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}:where(.pg-calc) .cc-field input, :where(.pg-calc) .cc-field select{font-family:var(--font-ui);font-size:var(--text-base);padding:.7rem .85rem;border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);width:100%}:where(.pg-calc) .cc-field input:focus, :where(.pg-calc) .cc-field select:focus{outline:none;border-color:var(--color-signal)}:where(.pg-calc) .cc-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='%236B6B6B'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2rem}:where(.pg-calc) .cc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}:where(.pg-calc) .cc-result{background:var(--bg-feature);color:var(--fg-on-feature);border:1px solid var(--border-feature);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;position:sticky;top:calc(var(--nav-h) + 1rem)}:where(.pg-calc) .cc-result-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-on-feature)}:where(.pg-calc) .cc-line{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--border-feature-strong);font-family:var(--font-serif);font-size:var(--text-sm);color:var(--muted-on-feature-strong)}:where(.pg-calc) .cc-line strong{font-family:var(--font-display);font-weight:700;color:var(--fg-on-feature);white-space:nowrap}:where(.pg-calc) .cc-total{margin-top:.35rem}:where(.pg-calc) .cc-total-cap{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-on-feature);margin-bottom:.25rem}:where(.pg-calc) .cc-amt{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,4vw,var(--text-4xl));letter-spacing:-.02em;line-height:1;color:var(--color-bone)}:where(.pg-calc) .cc-amt .cc-sig{color:var(--color-signal)}:where(.pg-calc) .cc-hint{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--muted-on-feature-strong);line-height:1.5}:where(.pg-calc) .cc-cta{margin-top:.5rem;display:inline-flex;align-items:center;gap:.5rem;justify-content:center;font-family:var(--font-ui);font-weight:700;font-size:var(--text-sm);letter-spacing:.03em;padding:.8rem 1.25rem;background:var(--color-signal);color:var(--color-bone);border:1px solid var(--color-signal);text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}:where(.pg-calc) .cc-cta:hover{background:var(--color-signal-dark)}:where(.pg-calc) .cc-disclaimer{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-4);line-height:1.55;max-width:70ch}@media(max-width:800px){:where(.pg-calc) .cc-panel.is-active{grid-template-columns:1fr}:where(.pg-calc) .cc-result{position:static}} /* ==================== SHARED components (residential, multi-family, our-work) ==================== */ :where(.pg-shared) .hero-split{display:grid;grid-template-columns:1fr 420px;gap:var(--space-6);align-items:center}:where(.pg-shared) .hero-split .hero-copy{min-width:0}@media(max-width:1000px){:where(.pg-shared) .hero-split{grid-template-columns:1fr}}:where(.pg-shared) .estimate{background:var(--bg-feature);color:var(--fg-on-feature);border:1px solid var(--border-feature);width:100%}:where(.pg-shared) .estimate-head{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;border-bottom:1px solid var(--border-feature-strong)}:where(.pg-shared) .estimate-head .t{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:0.04em;text-transform:uppercase}:where(.pg-shared) .estimate-head .f{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.12em;color:var(--muted-on-feature)}:where(.pg-shared) .estimate-body{padding:1.5rem 1.25rem}:where(.pg-shared) .estimate-body h2{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);letter-spacing:-0.02em;line-height:1.1;margin-bottom:.5rem}:where(.pg-shared) .estimate-body h2 .hl{color:var(--color-signal)}:where(.pg-shared) .estimate-body > p{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--muted-on-feature-strong);line-height:1.55;margin-bottom:1.25rem}:where(.pg-shared) .est-form{display:flex;flex-direction:column;gap:.85rem}:where(.pg-shared) .est-form label{display:block;font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--muted-on-feature-strong);margin-bottom:.35rem}:where(.pg-shared) .est-form input, :where(.pg-shared) .est-form select{width:100%;font-family:var(--font-ui);font-size:var(--text-sm);background:transparent;color:var(--fg-on-feature);border:1px solid var(--border-feature-strong);padding:.65rem .75rem;transition:border-color var(--duration-fast) var(--ease-out)}:where(.pg-shared) .est-form input:focus, :where(.pg-shared) .est-form select:focus{outline:none;border-color:var(--color-signal)}:where(.pg-shared) .est-form input::placeholder{color:var(--placeholder-on-feature)}:where(.pg-shared) .est-form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='%239A9A93'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}:where(.pg-shared) .est-form select option{background:var(--bg-feature);color:var(--fg-on-feature)}:where(.pg-shared) .est-form .row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}:where(.pg-shared) .est-legal{display:flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--muted-on-feature);line-height:1.4;margin-top:.5rem}:where(.pg-shared) .est-legal svg{flex:0 0 auto}:where(.pg-shared) .est-success{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}:where(.pg-shared) .est-success h3{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl)}:where(.pg-shared) .est-success p{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--muted-on-feature-strong);line-height:1.55}:where(.pg-shared) .estimate-foot{border-top:1px solid var(--border-feature-strong);padding:.65rem 1.25rem;display:flex;justify-content:space-between;font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.08em;color:var(--muted-on-feature)}:where(.pg-shared) .form-section{background:var(--bg-warm);color:var(--fg);padding:var(--section-y) 0}:where(.pg-shared) .form-section .section-label{color:var(--muted)}:where(.pg-shared) .form-section .section-head p{color:var(--fg-soft)}:where(.pg-shared) .form-shell{display:grid;grid-template-columns:320px 1fr;gap:0;border:1px solid var(--border);min-height:480px;background:var(--bg)}:where(.pg-shared) .form-side{background:var(--bg-feature);color:var(--fg-on-feature);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border-right:1px solid var(--border)}:where(.pg-shared) .form-side .step-count{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.14em;text-transform:uppercase;color:var(--muted-on-feature)}:where(.pg-shared) .dots{display:flex;gap:.5rem;margin-top:.25rem}:where(.pg-shared) .dots span{width:8px;height:8px;background:var(--border-feature-strong);transition:background var(--duration-fast) var(--ease-out)}:where(.pg-shared) .dots span.is-active{background:var(--color-signal)}:where(.pg-shared) .dots span.is-done{background:var(--muted-on-feature)}:where(.pg-shared) .form-side h3{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}:where(.pg-shared) .form-side ul{display:flex;flex-direction:column;gap:.5rem}:where(.pg-shared) .form-side li{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--muted-on-feature-strong);padding-left:1rem;position:relative}:where(.pg-shared) .form-side li::before{content:'·';position:absolute;left:0;color:var(--color-signal);font-weight:700}:where(.pg-shared) .form-main{padding:2rem;display:flex;flex-direction:column}:where(.pg-shared) .form-step{display:none;flex-direction:column;gap:1rem;flex:1}:where(.pg-shared) .form-step.is-active{display:flex}:where(.pg-shared) .form-step h4{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);margin-bottom:.5rem}:where(.pg-shared) .opt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}:where(.pg-shared) .opt{border:1px solid var(--border-strong);padding:1.25rem;cursor:pointer;background:var(--bg);transition:all var(--duration-fast) var(--ease-out);position:relative}:where(.pg-shared) .opt:hover{border-color:var(--fg);transform:translateY(-2px)}:where(.pg-shared) .opt.is-selected{border-color:var(--color-signal);background:var(--bg-warm)}:where(.pg-shared) .opt.is-selected::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-signal)}:where(.pg-shared) .opt strong{display:block;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--fg)}:where(.pg-shared) .opt span{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--muted);letter-spacing:0.06em}:where(.pg-shared) .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}:where(.pg-shared) .field{display:flex;flex-direction:column;gap:.35rem}:where(.pg-shared) .field.full{grid-column:1/-1}:where(.pg-shared) .field label{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--muted)}:where(.pg-shared) .field input, :where(.pg-shared) .field textarea{background:var(--bg);border:1px solid var(--border-strong);padding:.75rem 1rem;font-family:var(--font-display);font-size:var(--text-sm);color:var(--fg);transition:border-color var(--duration-fast) var(--ease-out)}:where(.pg-shared) .field input::placeholder, :where(.pg-shared) .field textarea::placeholder{color:var(--color-concrete-light)}:where(.pg-shared) .field input:focus, :where(.pg-shared) .field textarea:focus{outline:none;border-color:var(--color-signal)}:where(.pg-shared) .field textarea{resize:vertical;min-height:80px}:where(.pg-shared) .form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.5rem}:where(.pg-shared) .btn-back{background:transparent;color:var(--muted);border:1px solid var(--border-strong);padding:.7rem 1.5rem;font-family:var(--font-ui);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}:where(.pg-shared) .btn-back:hover{border-color:var(--fg);color:var(--fg)}:where(.pg-shared) .btn-continue{padding:.7rem 1.5rem}:where(.pg-shared) .success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;flex:1}:where(.pg-shared) .success h3{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl)}:where(.pg-shared) .success p{font-family:var(--font-serif);color:var(--fg-soft);max-width:40ch}@media(max-width:800px){:where(.pg-shared) .form-shell{grid-template-columns:1fr}:where(.pg-shared) .form-side{border-right:0;border-bottom:1px solid var(--border-feature)}:where(.pg-shared) .opt-grid{grid-template-columns:1fr}:where(.pg-shared) .contact-grid{grid-template-columns:1fr}} /* ==================== SERVICE MODAL (home, residential, multi-family, our-work) ==================== */ :where(.pg-modal) .svc-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:1.25rem;background:rgba(10,10,10,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out),visibility var(--duration-base) var(--ease-out)}:where(.pg-modal) .svc-modal.is-open{opacity:1;visibility:visible}:where(.pg-modal) .svc-modal-box{background:var(--bg);color:var(--fg);border:1px solid var(--border-strong);max-width:640px;width:100%;max-height:min(84vh,760px);display:flex;flex-direction:column;transform:translateY(12px);transition:transform var(--duration-base) var(--ease-out)}:where(.pg-modal) .svc-modal.is-open .svc-modal-box{transform:translateY(0)}:where(.pg-modal) .svc-modal-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}:where(.pg-modal) .svc-modal-head .tag{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-signal)}:where(.pg-modal) .svc-modal-close{width:36px;height:36px;border:1px solid var(--border-strong);position:relative;flex:0 0 auto;transition:background var(--duration-fast) var(--ease-out)}:where(.pg-modal) .svc-modal-close:hover{background:var(--surface)}:where(.pg-modal) .svc-modal-close::before, :where(.pg-modal) .svc-modal-close::after{content:'';position:absolute;left:9px;right:9px;top:50%;height:2px;background:var(--fg)}:where(.pg-modal) .svc-modal-close::before{transform:rotate(45deg)}:where(.pg-modal) .svc-modal-close::after{transform:rotate(-45deg)}:where(.pg-modal) .svc-modal-body{padding:1.5rem;overflow-y:auto}:where(.pg-modal) .svc-modal-body h3{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);letter-spacing:-0.02em;line-height:1.1;margin-bottom:.75rem}:where(.pg-modal) .svc-modal-body p{font-family:var(--font-serif);font-size:var(--text-base);color:var(--fg-soft);line-height:1.6;margin-bottom:1rem}:where(.pg-modal) .svc-modal-body ul{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;list-style:none;padding:0}:where(.pg-modal) .svc-modal-body li{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--fg-soft);line-height:1.5;padding-left:1rem;position:relative}:where(.pg-modal) .svc-modal-body li::before{content:'·';position:absolute;left:0;color:var(--color-signal);font-weight:700}:where(.pg-modal) .svc-modal-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 1.5rem;border-top:1px solid var(--border)}:where(.pg-modal) .svc-modal-foot .note{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)} /* ==================== HOME PAGE ==================== */ :root:where(.pg-home){ --color-carbon: #0A0A0A; --color-carbon-soft: #141414; --color-bone: #FAFAF7; --color-bone-warm: #F2F1EA; --color-signal: #C8102E; --color-signal-dark: #A30D26; --color-concrete: #6B6B6B; --color-concrete-light: #9A9A93; --color-steel: #E5E5E0; --color-steel-dark: #C9C9C2; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.333rem; --text-2xl: 1.777rem; --text-3xl: 2.369rem; --text-4xl: 3.157rem; --text-5xl: 4.209rem; --text-6xl: 5.61rem; --text-7xl: 7.478rem; --space-1: 0.5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2rem; --space-6: 3rem; --space-8: 4rem; --space-12: 6rem; --space-16: 8rem; --space-24: 12rem; --font-display: 'Inter Tight', system-ui, sans-serif; --font-serif: 'Source Serif 4', Georgia, serif; --font-ui: 'Inter Tight', system-ui, sans-serif; --container-max: 1440px; --container-padding: clamp(1.25rem, 4vw, 4rem); --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); --duration-fast: 200ms; --duration-base: 400ms; --duration-slow: 700ms; --section-y: clamp(4rem, 10vw, 8rem); --nav-h: 72px; --bg: #FAFAF7; --bg-warm: #F2F1EA; --bg-feature: #0A0A0A; --surface: #E5E5E0; --fg: #0A0A0A; --fg-soft: #2a2a2a; --fg-on-feature: #FAFAF7; --muted: #6B6B6B; --muted-on-feature: #9A9A93; --muted-on-feature-strong: #BDBDB8; --border: #E5E5E0; --border-strong: #C9C9C2; --border-feature: #222222; --border-feature-strong: #333333; --card: #141414; --card-selected: #181010; --placeholder-on-feature: #5b5b56; color-scheme: light; }[data-theme="dark"]:where(.pg-home){ --bg: #0A0A0A; --bg-warm: #111111; --bg-feature: #181818; --surface: #1a1a1a; --fg: #FAFAF7; --fg-soft: #cfcfca; --fg-on-feature: #FAFAF7; --muted: #9A9A93; --muted-on-feature: #9A9A93; --muted-on-feature-strong: #BDBDB8; --border: #232323; --border-strong: #2a2a2a; --border-feature: #2a2a2a; --border-feature-strong: #363636; --card: #161616; --card-selected: #24161a; --placeholder-on-feature: #666660; color-scheme: dark; }html:where(.pg-home){ transition: background-color var(--duration-base) var(--ease-out); }:where(.pg-home) body, :where(.pg-home) .nav, :where(.pg-home) .hero, :where(.pg-home) .trust, :where(.pg-home) .trust-item, :where(.pg-home) .stats, :where(.pg-home) .method, :where(.pg-home) .promise, :where(.pg-home) .form-section, :where(.pg-home) footer.foot, :where(.pg-home) .mcta, :where(.pg-home) .opt, :where(.pg-home) .field input, :where(.pg-home) .field textarea, :where(.pg-home) .ba .label, :where(.pg-home) .commit, :where(.pg-home) .stage{ transition: background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out); }:where(.pg-home) .theme-toggle{ width: 36px; height: 36px; display: inline-grid; place-items: center; border: 1px solid var(--fg); color: var(--fg); background: transparent; position: relative; overflow: hidden; transition: background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out); }:where(.pg-home) .theme-toggle:hover{ background: var(--fg); color: var(--bg) }:where(.pg-home) .theme-toggle svg{ width: 16px; height: 16px; display: block }:where(.pg-home) .theme-toggle .sun{ display: none }:where(.pg-home) .theme-toggle .moon{ display: block }[data-theme="dark"]:where(.pg-home) .theme-toggle .sun{ display: block }[data-theme="dark"]:where(.pg-home) .theme-toggle .moon{ display: none }:where(.pg-home) .nav-overlay .theme-toggle{ border-color: var(--fg-on-feature); color: var(--fg-on-feature) }:where(.pg-home) .nav-overlay .theme-toggle:hover{ background: var(--fg-on-feature); color: var(--bg-feature) }@media (prefers-reduced-motion: reduce){html:where(.pg-home), :where(.pg-home) *, :where(.pg-home) *::before, :where(.pg-home) *::after{ animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }}html:where(.pg-home), :where(.pg-home) *, :where(.pg-home) *::before, :where(.pg-home) *::after{ box-sizing: border-box }html:where(.pg-home){ scroll-behavior: smooth; -webkit-text-size-adjust: 100% }:where(.pg-home) body{ margin: 0; font-family: var(--font-serif); font-size: var(--text-base); line-height: 1.6; color: var(--fg); background: var(--bg); font-weight: 400; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }:where(.pg-home) img{ display: block; max-width: 100%; height: auto }:where(.pg-home) button{ font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0 }:where(.pg-home) a{ color: inherit; text-decoration: none }:where(.pg-home) h1, :where(.pg-home) h2, :where(.pg-home) h3, :where(.pg-home) h4, :where(.pg-home) h5, :where(.pg-home) h6{ font-family: var(--font-display); font-weight: 800; letter-spacing: -0.02em; line-height: 1.02; margin: 0 }:where(.pg-home) p{ margin: 0; text-wrap: pretty }:where(.pg-home) :focus-visible{ outline: 2px solid var(--color-signal); outline-offset: 2px; border-radius: 1px }:where(.pg-home) ::selection{ background: var(--color-signal); color: var(--color-bone) }:where(.pg-home) .skip{ position: absolute; left: -9999px; top: 0; z-index: 200; background: var(--fg); color: var(--bg); padding: .75rem 1rem; font-family: var(--font-ui); font-size: var(--text-sm); }:where(.pg-home) .skip:focus{ left: 1rem; top: 1rem }:where(.pg-home) .container{ max-width: var(--container-max); margin: 0 auto; padding-inline: var(--container-padding); }:where(.pg-home) .eyebrow{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); }:where(.pg-home) .section-label{ display: flex; align-items: baseline; gap: 1rem; font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); margin-bottom: var(--space-4); }:where(.pg-home) .section-label::before{ content: ""; display: inline-block; width: 36px; height: 1px; background: var(--fg); transform: translateY(-3px); }:where(.pg-home) .btn{ display: inline-flex; align-items: center; gap: .75rem; font-family: var(--font-ui); font-weight: 600; font-size: var(--text-sm); letter-spacing: 0.04em; text-transform: uppercase; padding: 1rem 1.5rem; border: 1px solid transparent; transition: background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out); cursor: pointer; }:where(.pg-home) .btn-primary{ background: var(--color-signal); color: var(--color-bone) }:where(.pg-home) .btn-primary:hover{ background: var(--color-signal-dark) }:where(.pg-home) .btn-primary .arrow{ transition: transform var(--duration-fast) var(--ease-out) }:where(.pg-home) .btn-primary:hover .arrow{ transform: translateX(4px) }:where(.pg-home) .btn-ghost{ color: var(--fg); border-color: transparent; padding-inline: 0 }:where(.pg-home) .btn-ghost .uline{ position: relative; padding-bottom: 2px; background-image: linear-gradient(var(--fg), var(--fg)); background-size: 100% 1px; background-position: 0 100%; background-repeat: no-repeat }:where(.pg-home) .btn-outline{ border: 1px solid var(--fg); color: var(--fg); background: transparent }:where(.pg-home) .btn-outline:hover{ background: var(--fg); color: var(--bg) }:where(.pg-home) .btn-outline-light{ border: 1px solid var(--fg-on-feature); color: var(--fg-on-feature); background: transparent }:where(.pg-home) .btn-outline-light:hover{ background: var(--fg-on-feature); color: var(--bg-feature) }:where(.pg-home) .link-arrow{ display: inline-flex; align-items: center; gap: .5rem; font-family: var(--font-ui); font-weight: 600; font-size: var(--text-sm); letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-signal); position: relative; padding-bottom: 6px; }:where(.pg-home) .link-arrow::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: var(--color-signal); transform-origin: left; transform: scaleX(.3); transition: transform var(--duration-base) var(--ease-out); }:where(.pg-home) .link-arrow:hover::after{ transform: scaleX(1) }:where(.pg-home) .link-arrow .arrow{ transition: transform var(--duration-fast) var(--ease-out) }:where(.pg-home) .link-arrow:hover .arrow{ transform: translateX(4px) }:where(.pg-home) .arrow{ display: inline-block; width: 1em; line-height: 1; font-family: var(--font-ui); font-weight: 500 }:where(.pg-home) .nav{ position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: var(--nav-h); display: flex; align-items: center; background: transparent; transition: background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), backdrop-filter var(--duration-base) var(--ease-out); border-bottom: 1px solid transparent; }:where(.pg-home) .nav.is-scrolled{ background: color-mix(in srgb, var(--bg) 80%, transparent); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid var(--border); }:where(.pg-home) .nav-inner{ width: 100%; max-width: var(--container-max); margin: 0 auto; padding-inline: var(--container-padding); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1.25rem; }:where(.pg-home) .brand{ font-family: var(--font-display); font-weight: 800; font-size: var(--text-base); letter-spacing: 0.04em; display: inline-flex; align-items: center; gap: .55rem; }:where(.pg-home) .brand-mark{ display: inline-grid; place-items: center; width: 28px; height: 28px; background: var(--color-signal); color: var(--color-bone); font-size: 11px; letter-spacing: 0; font-weight: 700; }:where(.pg-home) .nav-links{ display: flex; align-items: center; justify-content: center; gap: 1rem; list-style: none; padding: 0; margin: 0; }:where(.pg-home) .nav-links a{ font-family: var(--font-ui); font-size: 0.8125rem; font-weight: 500; letter-spacing: 0.02em; color: var(--fg); padding: .5rem 0; position: relative; white-space: nowrap; }:where(.pg-home) .nav-links a::after{ content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--color-signal); transform: scaleX(0); transform-origin: left; transition: transform var(--duration-base) var(--ease-out); }:where(.pg-home) .nav-links a:hover::after, :where(.pg-home) .nav-links a.is-active::after{ transform: scaleX(1) }:where(.pg-home) .nav-cta{ display: flex; align-items: center; gap: 1rem }:where(.pg-home) .nav-cta .btn-primary{ padding: .6rem 1rem; font-size: var(--text-xs); white-space: nowrap; }:where(.pg-home) .nav-phone{ font-family: var(--font-ui); font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.02em; display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; }:where(.pg-home) .nav-burger{ display: none; width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid var(--fg) }:where(.pg-home) .nav-burger span{ display: block; width: 18px; height: 1.5px; background: var(--fg); position: relative }:where(.pg-home) .nav-burger span::before, :where(.pg-home) .nav-burger span::after{ content: ""; position: absolute; left: 0; right: 0; height: 1.5px; background: var(--fg) }:where(.pg-home) .nav-burger span::before{ top: -6px }:where(.pg-home) .nav-burger span::after{ top: 6px }:where(.pg-home) .nav-overlay{ position: fixed; inset: 0; z-index: 110; background: var(--bg-feature); color: var(--fg-on-feature); display: flex; flex-direction: column; opacity: 0; pointer-events: none; transition: opacity var(--duration-base) var(--ease-out); overflow-y: auto; }:where(.pg-home) .nav-overlay.is-open{ opacity: 1; pointer-events: auto }:where(.pg-home) .nav-overlay-top{ display: flex; justify-content: space-between; align-items: center; padding: 1rem var(--container-padding); height: var(--nav-h); border-bottom: 1px solid var(--border-feature) }:where(.pg-home) .nav-overlay .brand-mark{ background: var(--fg-on-feature); color: var(--bg-feature) }:where(.pg-home) .nav-overlay-close{ width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--fg-on-feature) }:where(.pg-home) .nav-overlay-close::before, :where(.pg-home) .nav-overlay-close::after{ content: ""; position: absolute; width: 18px; height: 1.5px; background: var(--fg-on-feature) }:where(.pg-home) .nav-overlay-close::before{ transform: rotate(45deg) }:where(.pg-home) .nav-overlay-close::after{ transform: rotate(-45deg) }:where(.pg-home) .nav-overlay-links{ list-style: none; margin: 0; padding: var(--space-4) var(--container-padding); display: flex; flex-direction: column; gap: 1rem; flex: 1 }:where(.pg-home) .nav-overlay-links a{ font-family: var(--font-display); font-size: var(--text-3xl); font-weight: 800; letter-spacing: -0.02em }:where(.pg-home) .nav-overlay-foot{ padding: var(--space-4) var(--container-padding); border-top: 1px solid var(--border-feature); display: flex; flex-direction: column; gap: 1rem }:where(.pg-home) .nav-overlay-foot .btn-primary{ justify-content: center }:where(.pg-home) .nav-drop{ position: relative }:where(.pg-home) .nav-drop>a::after{ content: ''; display: inline-block; width: 0; height: 0; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4px solid currentColor; margin-left: .4rem; transform: translateY(-1px); transition: transform var(--duration-fast) var(--ease-out) }:where(.pg-home) .nav-drop:hover>a::after{ transform: translateY(-1px) rotate(180deg) }:where(.pg-home) .nav-drop-menu{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 200px; background: var(--bg); border: 1px solid var(--border); padding: .5rem 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--duration-fast) var(--ease-out), visibility var(--duration-fast) var(--ease-out); z-index: 110; padding-top: .5rem }:where(.pg-home) .nav-drop-menu::before{ content: ''; position: absolute; top: -.75rem; left: 0; right: 0; height: .75rem }:where(.pg-home) .nav-drop:hover .nav-drop-menu{ opacity: 1; visibility: visible; pointer-events: auto }:where(.pg-home) .nav-drop-menu a{ display: block; padding: .55rem 1.25rem; font-family: var(--font-ui); font-size: var(--text-sm); font-weight: 500; letter-spacing: 0.02em; white-space: nowrap; transition: background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out) }:where(.pg-home) .nav-drop-menu a:hover{ background: var(--bg-warm); color: var(--color-signal) }:where(.pg-home) .nav.is-scrolled .nav-drop-menu{ background: color-mix(in srgb, var(--bg) 96%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px) }@media (max-width:1420px){:where(.pg-home) .nav-cta .nav-phone{ display: none }}@media (max-width:1100px){:where(.pg-home) .nav-links, :where(.pg-home) .nav-cta .btn-primary, :where(.pg-home) .nav-cta .nav-phone, :where(.pg-home) #themeToggle{ display: none }:where(.pg-home) .nav-burger{ display: flex }:where(.pg-home) .nav-inner{ grid-template-columns: auto 1fr auto }}:where(.pg-home) .hero{ padding-top: var(--nav-h); min-height: max(100vh, 760px); display: grid; grid-template-columns: 45% 55%; background: var(--bg); max-width: var(--container-max); margin: 0 auto; }:where(.pg-home) .hero-left{ display: flex; flex-direction: column; justify-content: space-between; padding: clamp(2rem, 6vw, 5rem) clamp(2rem, 5vw, 5rem); border-right: 1px solid var(--border); }:where(.pg-home) .hero-meta{ display: flex; justify-content: space-between; align-items: baseline; color: var(--muted); font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.18em; text-transform: uppercase }:where(.pg-home) .hero-meta .meta-rule{ flex: 1; height: 1px; background: var(--border); margin: 0 1rem; transform: translateY(-3px) }:where(.pg-home) .hero-body{ display: flex; flex-direction: column; gap: var(--space-3); max-width: 46ch }:where(.pg-home) .hero-eyebrow{ margin-bottom: .5rem }:where(.pg-home) .hero h1{ font-size: clamp(2.6rem, 5.5vw, 5rem); line-height: .98; letter-spacing: -0.035em; margin-bottom: .25rem; }:where(.pg-home) .hero h1 .br{ display: block }:where(.pg-home) .hero-sub{ font-family: var(--font-serif); font-size: clamp(1.05rem, 1.3vw, 1.25rem); line-height: 1.55; color: var(--fg-soft); max-width: 42ch; }:where(.pg-home) .hero-cta{ display: flex; align-items: center; gap: 1.5rem; margin-top: var(--space-3); flex-wrap: wrap }:where(.pg-home) .hero-foot{ display: grid; grid-template-columns: repeat(3, auto); gap: 2rem; align-items: end; padding-top: var(--space-4); border-top: 1px solid var(--border) }:where(.pg-home) .hero-foot .stat{ display: flex; flex-direction: column; gap: .2rem }:where(.pg-home) .hero-foot .stat .num{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-2xl); letter-spacing: -0.02em; font-variant-numeric: tabular-nums }:where(.pg-home) .hero-foot .stat .lbl{ font-family: var(--font-ui); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.14em; color: var(--muted) }:where(.pg-home) .hero-right{ position: relative; background: var(--surface); overflow: hidden; }:where(.pg-home) .hero-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }:where(.pg-home) .hero-caption{ position: absolute; left: 1.5rem; bottom: 1.25rem; right: 1.5rem; display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; color: var(--color-bone); font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.18em; text-transform: uppercase; text-shadow: 0 1px 12px rgba(0, 0, 0, .4); }:where(.pg-home) .hero-caption .dot{ width: 6px; height: 6px; background: var(--color-signal); display: inline-block; margin-right: .5rem; transform: translateY(-2px) }@media (max-width:900px){:where(.pg-home) .hero{ grid-template-columns: 1fr; min-height: auto; padding-top: var(--nav-h) }:where(.pg-home) .hero-right{ order: -1; height: 56vh; min-height: 380px }:where(.pg-home) .hero-left{ border-right: 0; border-top: 1px solid var(--color-steel); padding: 2rem 1.25rem 3rem }:where(.pg-home) .hero-foot{ grid-template-columns: 1fr 1fr; gap: 1rem }}:where(.pg-home) .trust{ background: var(--bg); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }:where(.pg-home) .trust-inner{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px; background: var(--border); }:where(.pg-home) .trust-item{ background: var(--bg); padding: 1.5rem 1.5rem; display: flex; flex-direction: column; gap: .35rem; font-family: var(--font-ui); filter: grayscale(1) contrast(.9); opacity: .7; transition: opacity var(--duration-base) var(--ease-out), filter var(--duration-base) var(--ease-out); }:where(.pg-home) .trust-item:hover{ opacity: 1; filter: none }:where(.pg-home) .trust-item .t-name{ font-size: var(--text-sm); font-weight: 600; letter-spacing: 0.02em; color: var(--fg) }:where(.pg-home) .trust-item .t-meta{ font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted) }@media (max-width:900px){:where(.pg-home) .trust-inner{ grid-template-columns: repeat(2, 1fr) }}:where(.pg-home) .section{ padding-block: var(--section-y) }:where(.pg-home) .section-head{ display: grid; grid-template-columns: 1fr 1.2fr; gap: 3rem; align-items: end; margin-bottom: var(--space-8); }:where(.pg-home) .section-head h2{ font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -0.03em; line-height: 1; }:where(.pg-home) .section-head .lede{ font-family: var(--font-serif); font-size: var(--text-lg); line-height: 1.55; color: var(--fg-soft); max-width: 46ch; }@media (max-width:780px){:where(.pg-home) .section-head{ grid-template-columns: 1fr; gap: 1.25rem }}:where(.pg-home) .services-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }@media (max-width:980px){:where(.pg-home) .services-grid{ grid-template-columns: repeat(2, 1fr) }}@media (max-width:620px){:where(.pg-home) .services-grid{ grid-template-columns: 1fr; gap: 1.5rem }}:where(.pg-home) .service-card{ position: relative; display: flex; flex-direction: column; gap: 1.25rem; padding-bottom: 1.5rem; cursor: pointer; background: transparent; transition: transform var(--duration-base) var(--ease-out); }:where(.pg-home) .service-card::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--color-signal); transform: scaleX(0); transform-origin: left; transition: transform var(--duration-base) var(--ease-out); }:where(.pg-home) .service-card:hover{ transform: translateY(-4px) }:where(.pg-home) .service-card:hover::after{ transform: scaleX(1) }:where(.pg-home) .service-img{ aspect-ratio: 4/3; overflow: hidden; background: var(--surface); position: relative; }:where(.pg-home) .service-img img{ width: 100%; height: 100%; object-fit: cover; transition: transform var(--duration-slow) var(--ease-out) }:where(.pg-home) .service-card:hover .service-img img{ transform: scale(1.04) }:where(.pg-home) .service-img .num{ position: absolute; top: .75rem; left: .85rem; font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.18em; color: #FAFAF7; background: rgba(0, 0, 0, .45); padding: .25rem .5rem; }:where(.pg-home) .service-meta{ display: flex; justify-content: space-between; align-items: baseline; gap: 1rem }:where(.pg-home) .service-name{ font-size: var(--text-xl); letter-spacing: -0.02em; font-weight: 700 }:where(.pg-home) .service-tag{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted) }:where(.pg-home) .service-desc{ font-family: var(--font-serif); color: var(--fg-soft); line-height: 1.55; max-width: 34ch }:where(.pg-home) .service-link{ display: inline-flex; align-items: center; gap: .4rem; font-family: var(--font-ui); font-weight: 600; font-size: var(--text-sm); letter-spacing: 0.04em; text-transform: uppercase; color: var(--fg) }:where(.pg-home) .service-link .arrow{ transition: transform var(--duration-fast) var(--ease-out) }:where(.pg-home) .service-card:hover .service-link .arrow{ transform: translateX(4px) }:where(.pg-home) .method{ background: var(--bg-warm) }:where(.pg-home) .timeline{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; border-top: 1px solid var(--border-strong); }:where(.pg-home) .stage{ position: relative; padding: 2rem 1.5rem 2.25rem 1rem; border-right: 1px solid var(--border-strong); display: flex; flex-direction: column; gap: .85rem; }:where(.pg-home) .stage:last-child{ border-right: 0 }:where(.pg-home) .stage-num{ font-family: var(--font-display); font-weight: 800; font-size: var(--text-5xl); letter-spacing: -0.05em; color: var(--fg); opacity: 0.15; line-height: 1; }:where(.pg-home) .stage-title{ font-size: var(--text-lg); letter-spacing: -0.01em; font-weight: 700 }:where(.pg-home) .stage-desc{ font-family: var(--font-serif); color: var(--fg-soft); line-height: 1.5; font-size: var(--text-sm) }:where(.pg-home) .stage-tick{ position: absolute; top: 0; left: 0; right: 0; height: 1px; background: transparent; }:where(.pg-home) .stage-tick::before{ content: ""; position: absolute; top: -1px; left: 0; width: 24px; height: 3px; background: var(--color-signal); }@media (max-width:900px){:where(.pg-home) .timeline{ grid-template-columns: 1fr; border-top: 0 }:where(.pg-home) .stage{ border-right: 0; border-top: 1px solid var(--border-strong); padding: 1.5rem 0 }}:where(.pg-home) .partner-group{ margin-bottom: var(--space-8); border-bottom: 1px solid var(--border); padding-bottom: var(--space-8); }:where(.pg-home) .partner-group:last-child{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0 }:where(.pg-home) .partner-group-header{ display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 2rem; margin-bottom: var(--space-4); }:where(.pg-home) .partner-group-header h3{ font-size: var(--text-3xl); letter-spacing: -0.03em; line-height: 1.05 }@media (max-width:780px){:where(.pg-home) .partner-group-header{ grid-template-columns: 1fr; gap: .5rem }}:where(.pg-home) .partner-hero{ position: relative; width: 100%; aspect-ratio: 21/8; overflow: hidden; background: var(--surface); margin-bottom: var(--space-4); }:where(.pg-home) .partner-hero img{ width: 100%; height: 100%; object-fit: cover; transition: transform var(--duration-slow) var(--ease-out); }:where(.pg-home) .partner-hero:hover img{ transform: scale(1.02) }:where(.pg-home) .partner-hero-overlay{ position: absolute; left: 0; right: 0; bottom: 0; padding: 1.5rem 2rem; background: linear-gradient(to top, rgba(10, 10, 10, .85), rgba(10, 10, 10, 0) 100%); color: var(--color-bone); display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; }:where(.pg-home) .partner-hero-overlay .ph-label{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; }:where(.pg-home) .partner-hero-overlay .ph-stat{ font-family: var(--font-display); font-size: var(--text-lg); font-weight: 700; letter-spacing: -0.01em; }@media (max-width:620px){:where(.pg-home) .partner-hero{ aspect-ratio: 16/9 }:where(.pg-home) .partner-hero-overlay{ padding: 1rem 1.25rem }}:where(.pg-home) .portfolio-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); }@media (max-width:980px){:where(.pg-home) .portfolio-grid{ grid-template-columns: repeat(2, 1fr) }}@media (max-width:620px){:where(.pg-home) .portfolio-grid{ grid-template-columns: 1fr }}:where(.pg-home) .portfolio-card{ background: var(--bg); padding: 1.75rem 1.5rem; display: flex; flex-direction: column; gap: .75rem; transition: background var(--duration-fast) var(--ease-out); }:where(.pg-home) .portfolio-card:hover{ background: var(--bg-warm) }:where(.pg-home) .portfolio-card h3{ font-size: var(--text-lg); letter-spacing: -0.01em; font-weight: 700; margin: 0 }:where(.pg-home) .portfolio-card .pc-location{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); font-weight: 500; }:where(.pg-home) .portfolio-card ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .35rem; padding-top: .75rem; margin-top: auto; border-top: 1px solid var(--border); }:where(.pg-home) .portfolio-card li{ font-family: var(--font-serif); color: var(--fg-soft); font-size: var(--text-sm); line-height: 1.45; padding-left: 1.1rem; position: relative; }:where(.pg-home) .portfolio-card li::before{ content: ""; position: absolute; left: 0; top: .55em; width: 6px; height: 1px; background: var(--color-signal) }:where(.pg-home) .partner-logos{ display: flex; flex-wrap: wrap; gap: .75rem; margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--border); }:where(.pg-home) .partner-logos span{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; padding: .6rem 1.25rem; border: 1px solid var(--border); color: var(--fg-soft); transition: border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out); }:where(.pg-home) .partner-logos span:hover{ border-color: var(--color-signal); color: var(--fg) }:where(.pg-home) .promise{ background: var(--bg-feature); color: var(--fg-on-feature) }:where(.pg-home) .promise .section-head h2{ color: var(--fg-on-feature) }:where(.pg-home) .promise .lede{ color: var(--muted-on-feature-strong) }:where(.pg-home) .promise .section-label{ color: var(--muted-on-feature-strong) }:where(.pg-home) .promise .section-label::before{ background: var(--fg-on-feature) }:where(.pg-home) .promise-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--border-feature); }@media (max-width:900px){:where(.pg-home) .promise-grid{ grid-template-columns: 1fr 1fr }}@media (max-width:560px){:where(.pg-home) .promise-grid{ grid-template-columns: 1fr }}:where(.pg-home) .commit{ padding: 2rem 1.5rem 2rem 1rem; border-bottom: 1px solid var(--border-feature); border-right: 1px solid var(--border-feature); display: flex; flex-direction: column; gap: .6rem; }:where(.pg-home) .commit:nth-child(3n){ border-right: 0 }:where(.pg-home) .commit-num{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.18em; color: var(--color-signal); font-weight: 600 }:where(.pg-home) .commit-title{ font-family: var(--font-display); font-weight: 600; font-size: var(--text-lg); letter-spacing: -0.01em; color: var(--fg-on-feature) }:where(.pg-home) .commit-desc{ font-family: var(--font-serif); color: var(--muted-on-feature-strong); line-height: 1.55; font-size: var(--text-sm) }:where(.pg-home) .promise-cta{ margin-top: var(--space-6); padding-top: var(--space-6); border-top: 1px solid var(--border-feature); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem }:where(.pg-home) .promise-cta .promise-sig{ font-family: var(--font-serif); font-style: italic; color: var(--muted-on-feature-strong); font-size: var(--text-sm) }:where(.pg-home) .promise .link-arrow{ color: var(--color-signal) }:where(.pg-home) .promise .link-arrow::after{ background: var(--color-signal) }:where(.pg-home) .stats{ background: var(--bg); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border) }:where(.pg-home) .stats-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }:where(.pg-home) .stat-cell{ padding: var(--space-6) 1.5rem; border-right: 1px solid var(--border); min-width: 0; }:where(.pg-home) .stat-cell:first-child{ padding-left: 0 }:where(.pg-home) .stat-cell:last-child{ border-right: 0; padding-right: 0 }:where(.pg-home) .stat-num{ font-family: var(--font-display); font-weight: 800; font-size: clamp(3rem, 5.5vw, 5.2rem); letter-spacing: -0.045em; line-height: 1; font-variant-numeric: tabular-nums; display: flex; align-items: baseline; gap: .15em; }:where(.pg-home) .stat-num .plus, :where(.pg-home) .stat-num .star{ color: var(--color-signal); font-weight: 700 }:where(.pg-home) .stat-lbl{ margin-top: .85rem; font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); }@media (max-width:1200px){:where(.pg-home) .stats-grid{ grid-template-columns: 1fr 1fr }:where(.pg-home) .stat-cell:nth-child(2){ border-right: 0 }:where(.pg-home) .stat-cell:nth-child(-n+2){ border-bottom: 1px solid var(--border) }}@media (max-width:640px){:where(.pg-home) .stat-cell{ padding: var(--space-4) 1rem }:where(.pg-home) .stat-cell:first-child{ padding-left: 0 }:where(.pg-home) .stat-cell:nth-child(odd){ padding-left: 0 }:where(.pg-home) .stat-cell:nth-child(even){ padding-right: 0 }:where(.pg-home) .stat-num{ font-size: clamp(2rem, 8.5vw, 3rem) }:where(.pg-home) .stat-lbl{ letter-spacing: 0.12em }}:where(.pg-home) .form-section{ background: var(--bg-feature); color: var(--fg-on-feature) }:where(.pg-home) .form-section .section-label{ color: var(--muted-on-feature-strong) }:where(.pg-home) .form-section .section-label::before{ background: var(--fg-on-feature) }:where(.pg-home) .form-section h2{ color: var(--fg-on-feature) }:where(.pg-home) .form-section .lede{ color: var(--muted-on-feature-strong) }:where(.pg-home) .form-shell{ display: grid; grid-template-columns: .85fr 1.5fr; gap: 3rem; align-items: start; border-top: 1px solid var(--border-feature); padding-top: var(--space-6); }@media (max-width:900px){:where(.pg-home) .form-shell{ grid-template-columns: 1fr; gap: 2rem }}:where(.pg-home) .form-side{ display: flex; flex-direction: column; gap: 2rem; }:where(.pg-home) .form-side .step-count{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted-on-feature-strong) }:where(.pg-home) .form-side h3{ font-size: var(--text-2xl); letter-spacing: -0.02em; color: var(--fg-on-feature) }:where(.pg-home) .dots{ display: flex; gap: .4rem; align-items: center }:where(.pg-home) .dots .d{ width: 36px; height: 2px; background: var(--border-feature-strong); transition: background var(--duration-base) var(--ease-out); }:where(.pg-home) .dots .d.is-done{ background: var(--fg-on-feature) }:where(.pg-home) .dots .d.is-active{ background: var(--color-signal) }:where(.pg-home) .form-side .promises{ font-family: var(--font-serif); color: var(--muted-on-feature-strong); font-size: var(--text-sm); line-height: 1.55; padding-top: 1.5rem; border-top: 1px solid var(--border-feature); display: flex; flex-direction: column; gap: .5rem }:where(.pg-home) .form-side .promises li{ padding-left: 1.25rem; position: relative }:where(.pg-home) .form-side .promises li::before{ content: ""; position: absolute; left: 0; top: .55em; width: 8px; height: 1px; background: var(--color-signal) }:where(.pg-home) ul.promises{ list-style: none; padding: 0; margin: 0 }:where(.pg-home) .form-main{ display: flex; flex-direction: column; gap: 1.5rem }:where(.pg-home) .q-title{ font-family: var(--font-display); font-weight: 600; font-size: var(--text-2xl); letter-spacing: -0.02em; color: var(--fg-on-feature) }:where(.pg-home) .q-sub{ font-family: var(--font-serif); color: var(--muted-on-feature-strong); font-size: var(--text-base); line-height: 1.55; max-width: 52ch; margin-top: -.5rem }:where(.pg-home) .opt-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-top: .5rem }@media (max-width:560px){:where(.pg-home) .opt-grid{ grid-template-columns: 1fr }}:where(.pg-home) .opt{ position: relative; padding: 1.5rem 1.5rem 1.25rem; border: 1px solid var(--border-feature-strong); background: var(--card); color: var(--fg-on-feature); text-align: left; display: flex; flex-direction: column; gap: .4rem; transition: border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out); cursor: pointer; }:where(.pg-home) .opt:hover{ border-color: var(--muted-on-feature); transform: translateY(-2px) }:where(.pg-home) .opt.is-selected{ border-color: var(--color-signal); background: var(--card-selected) }:where(.pg-home) .opt.is-selected::before{ content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--color-signal) }:where(.pg-home) .opt-name{ font-family: var(--font-display); font-weight: 600; font-size: var(--text-lg); letter-spacing: -0.01em }:where(.pg-home) .opt-meta{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted-on-feature-strong) }:where(.pg-home) .opt-check{ position: absolute; top: 1rem; right: 1rem; width: 18px; height: 18px; border: 1px solid var(--border-feature-strong); display: grid; place-items: center; }:where(.pg-home) .opt.is-selected .opt-check{ background: var(--color-signal); border-color: var(--color-signal) }:where(.pg-home) .opt.is-selected .opt-check::after{ content: ""; width: 9px; height: 5px; border-left: 2px solid #FAFAF7; border-bottom: 2px solid #FAFAF7; transform: translateY(-1.5px) rotate(-45deg) }:where(.pg-home) .contact-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 1rem }@media (max-width:560px){:where(.pg-home) .contact-grid{ grid-template-columns: 1fr }}:where(.pg-home) .field{ display: flex; flex-direction: column; gap: .45rem }:where(.pg-home) .field label{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted-on-feature-strong) }:where(.pg-home) .field input, :where(.pg-home) .field textarea, :where(.pg-home) .field select{ font: inherit; font-family: var(--font-ui); font-size: var(--text-base); background: transparent; color: var(--fg-on-feature); border: 0; border-bottom: 1px solid var(--border-feature-strong); padding: .65rem 0; transition: border-color var(--duration-fast) var(--ease-out); }:where(.pg-home) .field input:focus, :where(.pg-home) .field textarea:focus{ outline: none; border-color: var(--color-signal) }:where(.pg-home) .field input::placeholder, :where(.pg-home) .field textarea::placeholder{ color: var(--placeholder-on-feature) }:where(.pg-home) .form-actions{ display: flex; justify-content: space-between; align-items: center; margin-top: .75rem; gap: 1rem; flex-wrap: wrap }:where(.pg-home) .btn-back{ font-family: var(--font-ui); font-size: var(--text-sm); font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--fg-on-feature); display: inline-flex; align-items: center; gap: .5rem }:where(.pg-home) .btn-back .arrow{ transform: rotate(180deg) }:where(.pg-home) .btn-back:disabled{ opacity: .25; cursor: not-allowed }:where(.pg-home) .btn-continue{ background: var(--color-signal); color: #FAFAF7; padding: 1rem 1.5rem; font-family: var(--font-ui); font-weight: 600; font-size: var(--text-sm); letter-spacing: 0.04em; text-transform: uppercase; display: inline-flex; align-items: center; gap: .75rem }:where(.pg-home) .btn-continue:disabled{ opacity: .4; cursor: not-allowed; background: #3a1a21 }:where(.pg-home) .btn-continue:not(:disabled):hover{ background: var(--color-signal-dark) }:where(.pg-home) .btn-continue:not(:disabled):hover .arrow{ transform: translateX(4px) }:where(.pg-home) .form-step{ display: none; flex-direction: column; gap: 1.5rem }:where(.pg-home) .form-step.is-active{ display: flex; animation: fadeIn .4s var(--ease-out) }@keyframes fadeIn{from{ opacity: 0; transform: translateY(8px) }to{ opacity: 1; transform: none }}:where(.pg-home) .success{ border: 1px solid #2a4435; background: #0f1a14; color: var(--color-bone); padding: 2rem; display: flex; flex-direction: column; gap: .75rem; }:where(.pg-home) .success h3{ color: var(--color-bone) }:where(.pg-home) .success p{ font-family: var(--font-serif); color: #bdbdb8 }:where(.pg-home) .mcta{ position: fixed; left: 0; right: 0; bottom: 0; z: 80; display: none; background: var(--bg-feature); border-top: 1px solid var(--border-feature); transform: translateY(0); transition: transform var(--duration-base) var(--ease-out); }:where(.pg-home) .mcta.is-hidden{ transform: translateY(110%) }:where(.pg-home) .mcta-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr }:where(.pg-home) .mcta a{ padding: .9rem 0; text-align: center; font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--fg-on-feature); border-right: 1px solid var(--border-feature); display: flex; flex-direction: column; align-items: center; gap: .2rem; }:where(.pg-home) .mcta a:last-child{ border-right: 0; background: var(--color-signal); color: #FAFAF7 }:where(.pg-home) .mcta a .ico{ width: 18px; height: 18px; display: inline-block }@media (max-width:780px){:where(.pg-home) .mcta{ display: block }}:where(.pg-home) footer.foot{ background: var(--bg-feature); color: var(--fg-on-feature); padding-block: var(--space-8) 0; border-top: 1px solid var(--border-feature) }:where(.pg-home) .foot-top{ display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr 1.2fr; gap: 2.5rem; padding-bottom: var(--space-6); border-bottom: 1px solid var(--border-feature) }@media (max-width:980px){:where(.pg-home) .foot-top{ grid-template-columns: 1fr 1fr 1fr }}@media (max-width:620px){:where(.pg-home) .foot-top{ grid-template-columns: 1fr 1fr; gap: 2rem }}:where(.pg-home) .foot-brand{ display: flex; flex-direction: column; gap: 1rem }:where(.pg-home) .foot-brand .brand{ color: var(--fg-on-feature) }:where(.pg-home) .foot-brand .brand-mark{ background: var(--fg-on-feature); color: var(--bg-feature) }:where(.pg-home) .foot-brand p{ font-family: var(--font-serif); color: var(--muted-on-feature-strong); font-size: var(--text-sm); line-height: 1.55; max-width: 34ch }:where(.pg-home) .foot-col h4{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted-on-feature-strong); font-weight: 600; margin-bottom: 1rem }:where(.pg-home) .foot-col ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .7rem }:where(.pg-home) .foot-col a{ font-family: var(--font-ui); font-size: var(--text-sm); color: var(--fg-on-feature); opacity: .85 }:where(.pg-home) .foot-col a:hover{ opacity: 1; color: var(--color-signal) }:where(.pg-home) .foot-newsletter{ display: flex; flex-direction: column; gap: .75rem }:where(.pg-home) .news-form{ display: flex; align-items: center; border-bottom: 1px solid var(--border-feature-strong) }:where(.pg-home) .news-form input{ flex: 1; background: transparent; border: 0; padding: .65rem 0; color: var(--fg-on-feature); font-family: var(--font-ui); font-size: var(--text-sm) }:where(.pg-home) .news-form input::placeholder{ color: var(--placeholder-on-feature) }:where(.pg-home) .news-form button{ padding: .65rem .85rem; color: var(--color-signal); font-family: var(--font-ui); font-weight: 600; font-size: var(--text-xs); letter-spacing: 0.18em; text-transform: uppercase }:where(.pg-home) .socials{ display: flex; gap: .5rem; margin-top: 1rem }:where(.pg-home) .socials a{ width: 36px; height: 36px; border: 1px solid var(--border-feature-strong); display: grid; place-items: center; font-family: var(--font-ui); font-size: 11px; font-weight: 600; letter-spacing: 0.06em; color: var(--fg-on-feature); opacity: .85 }:where(.pg-home) .socials a:hover{ border-color: var(--color-signal); color: var(--color-signal); opacity: 1 }:where(.pg-home) .foot-bot{ display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding-block: 1.5rem 2rem; font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted-on-feature); }:where(.pg-home) .foot-bot .legal{ display: flex; gap: 1.25rem; flex-wrap: wrap }:where(.pg-home) .foot-bot .legal a{ color: var(--muted-on-feature-strong) }:where(.pg-home) .foot-bot .legal a:hover{ color: var(--color-signal) }:where(.pg-home) .bleed{ padding-inline: 0 }:where(.pg-home) .bleed>.container{ max-width: var(--container-max); padding-inline: var(--container-padding) } /* ==================== OUR WORK PAGE ==================== */ :root:where(.pg-ourwork){ --color-carbon:#0A0A0A;--color-carbon-soft:#141414; --color-bone:#FAFAF7;--color-bone-warm:#F2F1EA; --color-signal:#C8102E;--color-signal-dark:#A30D26; --color-concrete:#6B6B6B;--color-concrete-light:#9A9A93; --color-steel:#E5E5E0;--color-steel-dark:#C9C9C2; --text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem; --text-xl:1.333rem;--text-2xl:1.777rem;--text-3xl:2.369rem;--text-4xl:3.157rem;--text-5xl:4.209rem; --space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem; --space-6:3rem;--space-8:4rem;--space-12:6rem;--space-16:8rem; --font-display:'Inter Tight',system-ui,sans-serif; --font-serif:'Source Serif 4',Georgia,serif; --font-ui:'Inter Tight',system-ui,sans-serif; --container-max:1440px; --container-padding:clamp(1.25rem,4vw,4rem); --ease-out:cubic-bezier(0.16,1,0.3,1); --ease-in-out:cubic-bezier(0.65,0,0.35,1); --duration-fast:200ms;--duration-base:400ms;--duration-slow:700ms; --section-y:clamp(2.5rem,6vw,5rem); --nav-h:72px; --bg:#FAFAF7;--bg-warm:#F2F1EA;--bg-feature:#0A0A0A; --surface:#E5E5E0;--fg:#0A0A0A;--fg-soft:#2a2a2a; --fg-on-feature:#FAFAF7;--muted:#6B6B6B; --muted-on-feature:#9A9A93;--muted-on-feature-strong:#BDBDB8; --border:#E5E5E0;--border-strong:#C9C9C2; --border-feature:#222222;--border-feature-strong:#333333; --card:#141414;--card-selected:#181010; --placeholder-on-feature:#5b5b56; color-scheme:light; }[data-theme="dark"]:where(.pg-ourwork){ --bg:#0A0A0A;--bg-warm:#111111;--bg-feature:#181818; --surface:#1a1a1a;--fg:#FAFAF7;--fg-soft:#cfcfca; --fg-on-feature:#FAFAF7;--muted:#9A9A93; --muted-on-feature:#9A9A93;--muted-on-feature-strong:#BDBDB8; --border:#232323;--border-strong:#2a2a2a; --border-feature:#2a2a2a;--border-feature-strong:#363636; --card:#161616;--card-selected:#24161a; --placeholder-on-feature:#666660; color-scheme:dark; }html:where(.pg-ourwork), :where(.pg-ourwork) *, :where(.pg-ourwork) *::before, :where(.pg-ourwork) *::after{box-sizing:border-box;margin:0;padding:0}html:where(.pg-ourwork){scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}:where(.pg-ourwork) body{font-family:var(--font-display);background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased}:where(.pg-ourwork) img{display:block;max-width:100%;height:auto}:where(.pg-ourwork) a{color:inherit;text-decoration:none}:where(.pg-ourwork) ul{list-style:none}:where(.pg-ourwork) button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}:where(.pg-ourwork) .container{max-width:var(--container-max);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}:where(.pg-ourwork) .btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-weight:700;font-size:var(--text-sm);letter-spacing:0.03em;padding:.85rem 1.75rem;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;cursor:pointer;text-decoration:none}:where(.pg-ourwork) .btn .arrow{transition:transform var(--duration-fast) var(--ease-out)}:where(.pg-ourwork) .btn:hover .arrow{transform:translateX(3px)}:where(.pg-ourwork) .btn-primary{background:var(--color-signal);color:var(--color-bone);border:1px solid var(--color-signal)}:where(.pg-ourwork) .btn-primary:hover{background:var(--color-signal-dark);border-color:var(--color-signal-dark)}:where(.pg-ourwork) .btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--border-strong)}:where(.pg-ourwork) .btn-ghost:hover{background:var(--surface);border-color:var(--fg)}:where(.pg-ourwork) .nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;background:var(--bg);border-bottom:1px solid var(--border);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}:where(.pg-ourwork) .nav.is-scrolled{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:where(.pg-ourwork) .nav-inner{width:100%;max-width:var(--container-max);margin:0 auto;padding-inline:var(--container-padding);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem}:where(.pg-ourwork) .brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:800;font-size:var(--text-base);letter-spacing:0.04em;text-transform:uppercase;white-space:nowrap}:where(.pg-ourwork) .brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--color-signal);color:var(--color-bone);font-size:11px;letter-spacing:0;font-weight:700}:where(.pg-ourwork) .nav-links{display:flex;align-items:center;justify-content:center;gap:1rem;list-style:none;padding:0;margin:0}:where(.pg-ourwork) .nav-links a{font-family:var(--font-ui);font-size:0.8125rem;font-weight:500;letter-spacing:0.02em;color:var(--fg);padding:.5rem 0;position:relative;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out)}:where(.pg-ourwork) .nav-links a:hover, :where(.pg-ourwork) .nav-links a.is-active{color:var(--color-signal)}:where(.pg-ourwork) .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--color-signal);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}:where(.pg-ourwork) .nav-links a:hover::after, :where(.pg-ourwork) .nav-links a.is-active::after{transform:scaleX(1)}:where(.pg-ourwork) .nav-cta{display:flex;align-items:center;gap:1rem;margin-left:auto}:where(.pg-ourwork) .nav-cta .btn-primary{padding:.6rem 1rem;font-size:var(--text-xs)}:where(.pg-ourwork) .nav-phone{font-family:var(--font-ui);font-size:0.8125rem;font-weight:600;display:flex;align-items:center;gap:.5rem;white-space:nowrap}:where(.pg-ourwork) .nav-phone span{color:var(--color-signal);font-size:8px}:where(.pg-ourwork) .theme-toggle{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border-strong);transition:background var(--duration-fast) var(--ease-out)}:where(.pg-ourwork) .theme-toggle:hover{background:var(--surface)}:where(.pg-ourwork) .theme-toggle svg{width:16px;height:16px}:where(.pg-ourwork) .theme-toggle .sun{display:none}[data-theme="dark"]:where(.pg-ourwork) .theme-toggle .moon{display:none}[data-theme="dark"]:where(.pg-ourwork) .theme-toggle .sun{display:block}:where(.pg-ourwork) .nav-burger{display:none;width:36px;height:36px;position:relative;border:1px solid var(--border-strong)}:where(.pg-ourwork) .nav-burger span, :where(.pg-ourwork) .nav-burger::before, :where(.pg-ourwork) .nav-burger::after{content:'';position:absolute;left:9px;right:9px;height:2px;background:var(--fg);transition:all var(--duration-fast) var(--ease-out)}:where(.pg-ourwork) .nav-burger span{top:50%;transform:translateY(-50%)}:where(.pg-ourwork) .nav-burger::before{top:10px}:where(.pg-ourwork) .nav-burger::after{bottom:10px}:where(.pg-ourwork) .nav-drop{position:relative}:where(.pg-ourwork) .nav-drop>a::after{content:'';display:inline-block;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid currentColor;margin-left:.4rem;transform:translateY(-1px);transition:transform var(--duration-fast) var(--ease-out)}:where(.pg-ourwork) .nav-drop:hover>a::after{transform:translateY(-1px) rotate(180deg)}:where(.pg-ourwork) .nav-drop-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:200px;background:var(--bg);border:1px solid var(--border);padding:.5rem 0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out);z-index:110;padding-top:.5rem}:where(.pg-ourwork) .nav-drop-menu::before{content:'';position:absolute;top:-.75rem;left:0;right:0;height:.75rem}:where(.pg-ourwork) .nav-drop:hover .nav-drop-menu{opacity:1;visibility:visible;pointer-events:auto}:where(.pg-ourwork) .nav-drop-menu a{display:block;padding:.55rem 1.25rem;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;letter-spacing:0.02em;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}:where(.pg-ourwork) .nav-drop-menu a:hover{background:var(--bg-warm);color:var(--color-signal)}:where(.pg-ourwork) .nav.is-scrolled .nav-drop-menu{background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(max-width:1420px){:where(.pg-ourwork) .nav-cta .nav-phone{display:none}}@media(max-width:1100px){:where(.pg-ourwork) .nav-links, :where(.pg-ourwork) .nav-cta .nav-phone, :where(.pg-ourwork) .nav-cta .btn-primary{display:none}:where(.pg-ourwork) .nav-burger{display:grid}}:where(.pg-ourwork) .nav-overlay{position:fixed;inset:0;z-index:200;background:var(--bg);display:flex;flex-direction:column;padding:0 var(--container-padding);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out),visibility var(--duration-base) var(--ease-out);overflow-y:auto}:where(.pg-ourwork) .nav-overlay.is-open{opacity:1;visibility:visible}:where(.pg-ourwork) .nav-overlay-top{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);flex:0 0 auto}:where(.pg-ourwork) .nav-overlay-close{width:36px;height:36px;border:1px solid var(--border-strong);position:relative}:where(.pg-ourwork) .nav-overlay-close::before, :where(.pg-ourwork) .nav-overlay-close::after{content:'';position:absolute;left:9px;right:9px;top:50%;height:2px;background:var(--fg)}:where(.pg-ourwork) .nav-overlay-close::before{transform:rotate(45deg)}:where(.pg-ourwork) .nav-overlay-close::after{transform:rotate(-45deg)}:where(.pg-ourwork) .nav-overlay-links{display:flex;flex-direction:column;gap:0;margin-top:var(--space-6);flex:1}:where(.pg-ourwork) .nav-overlay-links a{font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);letter-spacing:-0.02em;padding:.75rem 0;border-bottom:1px solid var(--border);transition:color var(--duration-fast) var(--ease-out);display:block}:where(.pg-ourwork) .nav-overlay-links a:hover{color:var(--color-signal)}:where(.pg-ourwork) .nav-overlay-foot{padding:var(--space-4) 0;display:flex;flex-direction:column;gap:1rem;border-top:1px solid var(--border)}:where(.pg-ourwork) section{padding:var(--section-y) 0}:where(.pg-ourwork) .section-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-3)}:where(.pg-ourwork) .section-head{max-width:52ch;margin-bottom:var(--space-4)}:where(.pg-ourwork) .section-head h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,4vw,var(--text-4xl));letter-spacing:-0.03em;line-height:1.08;margin-bottom:var(--space-2)}:where(.pg-ourwork) .section-head p{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--fg-soft);line-height:1.55}:where(.pg-ourwork) .page-hero{margin-top:var(--nav-h);padding:var(--space-8) 0 var(--space-6);border-bottom:1px solid var(--border)}:where(.pg-ourwork) .page-hero .eyebrow{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-3)}:where(.pg-ourwork) .page-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,5vw,var(--text-5xl));letter-spacing:-0.03em;line-height:1.05;margin-bottom:var(--space-3);max-width:20ch}:where(.pg-ourwork) .page-hero p{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--fg-soft);line-height:1.55;max-width:56ch}:where(.pg-ourwork) .page-hero .hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-top:var(--space-4)}:where(.pg-ourwork) .gallery{columns:3 340px;column-gap:1.25rem}:where(.pg-ourwork) .g-item{position:relative;display:block;width:100%;margin-bottom:1.25rem;break-inside:avoid;overflow:hidden;background:var(--surface);cursor:zoom-in;border:0;padding:0;text-align:left}:where(.pg-ourwork) .g-item img{width:100%;transition:transform var(--duration-slow) var(--ease-out)}:where(.pg-ourwork) .g-item:hover img{transform:scale(1.03)}:where(.pg-ourwork) .g-item::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.72),rgba(10,10,10,0) 45%);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}:where(.pg-ourwork) .g-item:hover::after{opacity:1}:where(.pg-ourwork) .g-caption{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:1rem 1.25rem;color:var(--color-bone);display:flex;flex-direction:column;gap:.1rem;opacity:0;transform:translateY(8px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}:where(.pg-ourwork) .g-item:hover .g-caption{opacity:1;transform:none}:where(.pg-ourwork) .g-caption strong{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);letter-spacing:-0.01em}:where(.pg-ourwork) .g-caption span{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.14em;text-transform:uppercase;color:var(--color-steel)}:where(.pg-ourwork) .g-item:focus-visible{outline:2px solid var(--color-signal);outline-offset:2px}@media(hover:none){:where(.pg-ourwork) .g-item::after{opacity:1}:where(.pg-ourwork) .g-caption{opacity:1;transform:none}}:where(.pg-ourwork) .lightbox{position:fixed;inset:0;z-index:300;background:rgba(5,5,5,.94);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out),visibility var(--duration-base) var(--ease-out)}:where(.pg-ourwork) .lightbox.is-open{opacity:1;visibility:visible}:where(.pg-ourwork) .lightbox img{max-width:min(88vw,1400px);max-height:78vh;object-fit:contain;box-shadow:0 24px 80px rgba(0,0,0,.5)}:where(.pg-ourwork) .lb-caption{position:absolute;left:50%;transform:translateX(-50%);bottom:clamp(1rem,4vh,2.5rem);text-align:center;color:var(--color-bone);display:flex;flex-direction:column;gap:.15rem;padding:0 1rem}:where(.pg-ourwork) .lb-caption strong{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-0.01em}:where(.pg-ourwork) .lb-caption span{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.14em;text-transform:uppercase;color:var(--color-concrete-light)}:where(.pg-ourwork) .lb-count{position:absolute;top:1.25rem;left:1.5rem;font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.18em;color:var(--color-concrete-light)}:where(.pg-ourwork) .lb-close{position:absolute;top:1rem;right:1.5rem;width:44px;height:44px;display:grid;place-items:center;color:var(--color-bone);font-size:1.5rem;line-height:1;border:1px solid #333;transition:background var(--duration-fast) var(--ease-out)}:where(.pg-ourwork) .lb-close:hover{background:var(--color-signal);border-color:var(--color-signal)}:where(.pg-ourwork) .lb-prev, :where(.pg-ourwork) .lb-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:grid;place-items:center;color:var(--color-bone);font-size:1.35rem;border:1px solid #333;background:rgba(10,10,10,.6);transition:background var(--duration-fast) var(--ease-out)}:where(.pg-ourwork) .lb-prev{left:1rem}:where(.pg-ourwork) .lb-next{right:1rem}:where(.pg-ourwork) .lb-prev:hover, :where(.pg-ourwork) .lb-next:hover{background:var(--color-signal);border-color:var(--color-signal)}@media(max-width:640px){:where(.pg-ourwork) .lb-prev{left:.4rem}:where(.pg-ourwork) .lb-next{right:.4rem}:where(.pg-ourwork) .lightbox img{max-width:96vw}}:where(.pg-ourwork) .work-cta{background:var(--bg-feature);color:var(--fg-on-feature)}:where(.pg-ourwork) .work-cta .inner{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}:where(.pg-ourwork) .work-cta h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,3vw,var(--text-3xl));letter-spacing:-0.02em}:where(.pg-ourwork) .work-cta p{font-family:var(--font-serif);color:var(--muted-on-feature-strong);font-size:var(--text-base);margin-top:.35rem}:where(.pg-ourwork) .mcta{position:fixed;bottom:0;left:0;right:0;z-index:90;background:var(--bg);border-top:1px solid var(--border);padding:.75rem var(--container-padding);transition:transform var(--duration-fast) var(--ease-out);display:none}:where(.pg-ourwork) .mcta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}:where(.pg-ourwork) .mcta-grid a{display:grid;place-items:center;padding:.65rem;font-family:var(--font-ui);font-weight:700;font-size:var(--text-sm);letter-spacing:0.06em;text-transform:uppercase;border:1px solid var(--border-strong);transition:all var(--duration-fast) var(--ease-out)}:where(.pg-ourwork) .mcta-grid a:last-child{background:var(--color-signal);color:var(--color-bone);border-color:var(--color-signal)}@media(max-width:800px){:where(.pg-ourwork) .mcta{display:block}}:where(.pg-ourwork) .mcta.is-hidden{transform:translateY(100%)}:where(.pg-ourwork) .foot{background:var(--bg-feature);color:var(--fg-on-feature);padding:var(--space-8) 0 var(--space-4)}:where(.pg-ourwork) .foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:var(--space-6);margin-bottom:var(--space-4)}:where(.pg-ourwork) .foot-brand{display:flex;flex-direction:column;gap:1rem}:where(.pg-ourwork) .foot-brand p{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--muted-on-feature-strong);line-height:1.55}:where(.pg-ourwork) .foot .brand{color:var(--fg-on-feature)}:where(.pg-ourwork) .socials{display:flex;gap:.5rem}:where(.pg-ourwork) .socials a{width:36px;height:36px;border:1px solid var(--border-feature-strong);display:grid;place-items:center;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:0.06em;transition:all var(--duration-fast) var(--ease-out)}:where(.pg-ourwork) .socials a:hover{background:var(--fg-on-feature);color:var(--bg-feature)}:where(.pg-ourwork) .foot-col h4{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;margin-bottom:1rem;color:var(--muted-on-feature)}:where(.pg-ourwork) .foot-col ul{display:flex;flex-direction:column;gap:.5rem}:where(.pg-ourwork) .foot-col a{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--muted-on-feature-strong);transition:color var(--duration-fast) var(--ease-out)}:where(.pg-ourwork) .foot-col a:hover{color:var(--fg-on-feature)}:where(.pg-ourwork) .foot-newsletter{display:flex;flex-direction:column;gap:.75rem}:where(.pg-ourwork) .news-form{display:flex;border:1px solid var(--border-feature-strong)}:where(.pg-ourwork) .news-form input{flex:1;padding:.65rem .75rem;font-size:var(--text-sm);background:transparent;color:var(--fg-on-feature);font:inherit;border:none}:where(.pg-ourwork) .news-form input::placeholder{color:var(--placeholder-on-feature)}:where(.pg-ourwork) .news-form button{padding:.65rem 1rem;font-family:var(--font-ui);font-weight:700;font-size:var(--text-sm);color:var(--fg-on-feature);border-left:1px solid var(--border-feature-strong);transition:background var(--duration-fast) var(--ease-out)}:where(.pg-ourwork) .news-form button:hover{background:var(--color-signal)}:where(.pg-ourwork) .foot-bot{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--border-feature);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--muted-on-feature);letter-spacing:0.04em;flex-wrap:wrap;gap:1rem}:where(.pg-ourwork) .legal{display:flex;gap:1.5rem}:where(.pg-ourwork) .legal a{color:var(--muted-on-feature);transition:color var(--duration-fast) var(--ease-out)}:where(.pg-ourwork) .legal a:hover{color:var(--fg-on-feature)}@media(max-width:900px){:where(.pg-ourwork) .foot-top{grid-template-columns:1fr 1fr;gap:var(--space-4)}}@media(max-width:600px){:where(.pg-ourwork) .foot-top{grid-template-columns:1fr}} /* ==================== RESIDENTIAL PAGE ==================== */ :root:where(.pg-residential){ --color-carbon: #0A0A0A; --color-carbon-soft: #141414; --color-bone: #FAFAF7; --color-bone-warm: #F2F1EA; --color-signal: #C8102E; --color-signal-dark: #A30D26; --color-concrete: #6B6B6B; --color-concrete-light: #9A9A93; --color-steel: #E5E5E0; --color-steel-dark: #C9C9C2; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.333rem; --text-2xl: 1.777rem; --text-3xl: 2.369rem; --text-4xl: 3.157rem; --text-5xl: 4.209rem; --space-1: 0.5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2rem; --space-6: 3rem; --space-8: 4rem; --space-12: 6rem; --space-16: 8rem; --font-display: 'Inter Tight', system-ui, sans-serif; --font-serif: 'Source Serif 4', Georgia, serif; --font-ui: 'Inter Tight', system-ui, sans-serif; --container-max: 1440px; --container-padding: clamp(1.25rem, 4vw, 4rem); --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); --duration-fast: 200ms; --duration-base: 400ms; --duration-slow: 700ms; --section-y: clamp(2.5rem, 6vw, 5rem); --nav-h: 72px; --bg: #FAFAF7; --bg-warm: #F2F1EA; --bg-feature: #0A0A0A; --surface: #E5E5E0; --fg: #0A0A0A; --fg-soft: #2a2a2a; --fg-on-feature: #FAFAF7; --muted: #6B6B6B; --muted-on-feature: #9A9A93; --muted-on-feature-strong: #BDBDB8; --border: #E5E5E0; --border-strong: #C9C9C2; --border-feature: #222222; --border-feature-strong: #333333; --card: #141414; --card-selected: #181010; --placeholder-on-feature: #5b5b56; color-scheme: light; }[data-theme="dark"]:where(.pg-residential){ --bg: #0A0A0A; --bg-warm: #111111; --bg-feature: #181818; --surface: #1a1a1a; --fg: #FAFAF7; --fg-soft: #cfcfca; --fg-on-feature: #FAFAF7; --muted: #9A9A93; --muted-on-feature: #9A9A93; --muted-on-feature-strong: #BDBDB8; --border: #232323; --border-strong: #2a2a2a; --border-feature: #2a2a2a; --border-feature-strong: #363636; --card: #161616; --card-selected: #24161a; --placeholder-on-feature: #666660; color-scheme: dark; }html:where(.pg-residential), :where(.pg-residential) *, :where(.pg-residential) *::before, :where(.pg-residential) *::after{ box-sizing: border-box; margin: 0; padding: 0 }html:where(.pg-residential){ scroll-behavior: smooth; scroll-padding-top: var(--nav-h) }:where(.pg-residential) body{ font-family: var(--font-display); background: var(--bg); color: var(--fg); line-height: 1.5; -webkit-font-smoothing: antialiased }:where(.pg-residential) img{ display: block; max-width: 100%; height: auto }:where(.pg-residential) a{ color: inherit; text-decoration: none }:where(.pg-residential) ul{ list-style: none }:where(.pg-residential) button{ font: inherit; border: none; background: none; cursor: pointer; color: inherit }:where(.pg-residential) input, :where(.pg-residential) textarea{ font: inherit; border: none; background: none; color: inherit }:where(.pg-residential) .container{ max-width: var(--container-max); margin: 0 auto; padding-left: var(--container-padding); padding-right: var(--container-padding) }:where(.pg-residential) .btn{ display: inline-flex; align-items: center; gap: .5rem; font-family: var(--font-ui); font-weight: 700; font-size: var(--text-sm); letter-spacing: 0.03em; padding: .85rem 1.75rem; transition: all var(--duration-fast) var(--ease-out); white-space: nowrap; cursor: pointer; text-decoration: none }:where(.pg-residential) .btn .arrow{ transition: transform var(--duration-fast) var(--ease-out) }:where(.pg-residential) .btn:hover .arrow{ transform: translateX(3px) }:where(.pg-residential) .btn-primary{ background: var(--color-signal); color: var(--color-bone); border: 1px solid var(--color-signal) }:where(.pg-residential) .btn-primary:hover{ background: var(--color-signal-dark); border-color: var(--color-signal-dark) }:where(.pg-residential) .btn-ghost{ background: transparent; color: var(--fg); border: 1px solid var(--border-strong) }:where(.pg-residential) .btn-ghost:hover{ background: var(--surface); border-color: var(--fg) }:where(.pg-residential) .btn-outline{ background: transparent; color: var(--fg); border: 1px solid var(--border-strong) }:where(.pg-residential) .btn-outline:hover{ background: var(--fg); color: var(--bg) }:where(.pg-residential) .btn-outline-light{ background: transparent; color: var(--fg-on-feature); border: 1px solid var(--border-feature-strong) }:where(.pg-residential) .btn-outline-light:hover{ background: var(--fg-on-feature); color: var(--bg-feature) }:where(.pg-residential) .link-arrow{ display: inline-flex; align-items: center; gap: .4rem; font-family: var(--font-ui); font-weight: 600; font-size: var(--text-sm); letter-spacing: 0.03em; transition: color var(--duration-fast) var(--ease-out) }:where(.pg-residential) .link-arrow:hover{ color: var(--color-signal) }:where(.pg-residential) .nav{ position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: var(--nav-h); display: flex; align-items: center; background: var(--bg); border-bottom: 1px solid var(--border); transition: background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out) }:where(.pg-residential) .nav.is-scrolled{ background: color-mix(in srgb, var(--bg) 92%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px) }:where(.pg-residential) .nav-inner{ width: 100%; max-width: var(--container-max); margin: 0 auto; padding-inline: var(--container-padding); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1.25rem }:where(.pg-residential) .brand{ display: inline-flex; align-items: center; gap: .55rem; font-family: var(--font-display); font-weight: 800; font-size: var(--text-base); letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap }:where(.pg-residential) .brand-mark{ display: inline-grid; place-items: center; width: 28px; height: 28px; background: var(--color-signal); color: var(--color-bone); font-size: 11px; letter-spacing: 0; font-weight: 700 }:where(.pg-residential) .nav-links{ display: flex; align-items: center; justify-content: center; gap: 1rem; list-style: none; padding: 0; margin: 0 }:where(.pg-residential) .nav-links a{ font-family: var(--font-ui); font-size: 0.8125rem; font-weight: 500; letter-spacing: 0.02em; color: var(--fg); padding: .5rem 0; position: relative; white-space: nowrap; transition: color var(--duration-fast) var(--ease-out) }:where(.pg-residential) .nav-links a:hover, :where(.pg-residential) .nav-links a.is-active{ color: var(--color-signal) }:where(.pg-residential) .nav-links a::after{ content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--color-signal); transform: scaleX(0); transform-origin: left; transition: transform var(--duration-base) var(--ease-out) }:where(.pg-residential) .nav-links a:hover::after, :where(.pg-residential) .nav-links a.is-active::after{ transform: scaleX(1) }:where(.pg-residential) .nav-cta{ display: flex; align-items: center; gap: 1rem; margin-left: auto }:where(.pg-residential) .nav-cta .btn-primary{ padding: .6rem 1rem; font-size: var(--text-xs) }:where(.pg-residential) .nav-phone{ font-family: var(--font-ui); font-size: 0.8125rem; font-weight: 600; display: flex; align-items: center; gap: .5rem; white-space: nowrap }:where(.pg-residential) .nav-phone span{ color: var(--color-signal); font-size: 8px }:where(.pg-residential) .theme-toggle{ width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--border-strong); transition: background var(--duration-fast) var(--ease-out) }:where(.pg-residential) .theme-toggle:hover{ background: var(--surface) }:where(.pg-residential) .theme-toggle svg{ width: 16px; height: 16px }:where(.pg-residential) .theme-toggle .sun{ display: none }[data-theme="dark"]:where(.pg-residential) .theme-toggle .moon{ display: none }[data-theme="dark"]:where(.pg-residential) .theme-toggle .sun{ display: block }:where(.pg-residential) .nav-burger{ display: none; width: 36px; height: 36px; position: relative; border: 1px solid var(--border-strong) }:where(.pg-residential) .nav-burger span, :where(.pg-residential) .nav-burger::before, :where(.pg-residential) .nav-burger::after{ content: ''; position: absolute; left: 9px; right: 9px; height: 2px; background: var(--fg); transition: all var(--duration-fast) var(--ease-out) }:where(.pg-residential) .nav-burger span{ top: 50%; transform: translateY(-50%) }:where(.pg-residential) .nav-burger::before{ top: 10px }:where(.pg-residential) .nav-burger::after{ bottom: 10px }:where(.pg-residential) .nav-drop{ position: relative }:where(.pg-residential) .nav-drop>a::after{ content: ''; display: inline-block; width: 0; height: 0; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4px solid currentColor; margin-left: .4rem; transform: translateY(-1px); transition: transform var(--duration-fast) var(--ease-out) }:where(.pg-residential) .nav-drop:hover>a::after{ transform: translateY(-1px) rotate(180deg) }:where(.pg-residential) .nav-drop-menu{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 200px; background: var(--bg); border: 1px solid var(--border); padding: .5rem 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--duration-fast) var(--ease-out), visibility var(--duration-fast) var(--ease-out); z-index: 110; padding-top: .5rem }:where(.pg-residential) .nav-drop-menu::before{ content: ''; position: absolute; top: -.75rem; left: 0; right: 0; height: .75rem }:where(.pg-residential) .nav-drop:hover .nav-drop-menu{ opacity: 1; visibility: visible; pointer-events: auto }:where(.pg-residential) .nav-drop-menu a{ display: block; padding: .55rem 1.25rem; font-family: var(--font-ui); font-size: var(--text-sm); font-weight: 500; letter-spacing: 0.02em; white-space: nowrap; transition: background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out) }:where(.pg-residential) .nav-drop-menu a:hover{ background: var(--bg-warm); color: var(--color-signal) }:where(.pg-residential) .nav.is-scrolled .nav-drop-menu{ background: color-mix(in srgb, var(--bg) 96%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px) }@media(max-width:1420px){:where(.pg-residential) .nav-cta .nav-phone{ display: none }}@media(max-width:1100px){:where(.pg-residential) .nav-links, :where(.pg-residential) .nav-cta .nav-phone, :where(.pg-residential) .nav-cta .btn-primary{ display: none }:where(.pg-residential) .nav-burger{ display: grid }}:where(.pg-residential) .nav-overlay{ position: fixed; inset: 0; z-index: 200; background: var(--bg); display: flex; flex-direction: column; padding: 0 var(--container-padding); opacity: 0; visibility: hidden; transition: opacity var(--duration-base) var(--ease-out), visibility var(--duration-base) var(--ease-out); overflow-y: auto }:where(.pg-residential) .nav-overlay.is-open{ opacity: 1; visibility: visible }:where(.pg-residential) .nav-overlay-top{ display: flex; align-items: center; justify-content: space-between; height: var(--nav-h) }:where(.pg-residential) .nav-overlay-close{ width: 36px; height: 36px; border: 1px solid var(--border-strong); position: relative }:where(.pg-residential) .nav-overlay-close::before, :where(.pg-residential) .nav-overlay-close::after{ content: ''; position: absolute; left: 9px; right: 9px; top: 50%; height: 2px; background: var(--fg) }:where(.pg-residential) .nav-overlay-close::before{ transform: rotate(45deg) }:where(.pg-residential) .nav-overlay-close::after{ transform: rotate(-45deg) }:where(.pg-residential) .nav-overlay-links{ display: flex; flex-direction: column; gap: 0; margin-top: var(--space-6); flex: 1 }:where(.pg-residential) .nav-overlay-links a{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-3xl); letter-spacing: -0.02em; padding: .75rem 0; border-bottom: 1px solid var(--border); transition: color var(--duration-fast) var(--ease-out) }:where(.pg-residential) .nav-overlay-links a:hover{ color: var(--color-signal) }:where(.pg-residential) .nav-overlay-foot{ padding: var(--space-4) 0; display: flex; flex-direction: column; gap: 1rem; border-top: 1px solid var(--border) }:where(.pg-residential) .hero{ min-height: 100vh; display: grid; grid-template-columns: 1fr 420px; margin-top: var(--nav-h); gap: 0; max-width: var(--container-max); margin-left: auto; margin-right: auto }:where(.pg-residential) .hero-content{ display: flex; flex-direction: column; justify-content: center; padding: var(--space-8) var(--space-6) var(--space-8) var(--container-padding) }:where(.pg-residential) .hero-eyebrow{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-bottom: var(--space-3) }:where(.pg-residential) .hero h1{ font-family: var(--font-display); font-weight: 800; font-size: clamp(2.4rem, 5vw, var(--text-5xl)); letter-spacing: -0.03em; line-height: 1.05; margin-bottom: var(--space-3) }:where(.pg-residential) .hero-sub{ font-family: var(--font-serif); font-size: var(--text-lg); color: var(--fg-soft); line-height: 1.55; max-width: 50ch; margin-bottom: var(--space-4) }:where(.pg-residential) .hero-btns{ display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: var(--space-4) }:where(.pg-residential) .hero-foot{ display: flex; gap: var(--space-6); border-top: 1px solid var(--border); padding-top: var(--space-3) }:where(.pg-residential) .hero-foot .stat{ display: flex; flex-direction: column }:where(.pg-residential) .hero-foot .stat strong{ font-family: var(--font-display); font-weight: 800; font-size: var(--text-xl); letter-spacing: -0.02em }:where(.pg-residential) .hero-foot .stat span{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted) }:where(.pg-residential) .hero-estimate{ display: flex; align-items: center; padding: var(--space-4) var(--container-padding) var(--space-4) 0 }:where(.pg-residential) .estimate{ background: var(--bg-feature); color: var(--fg-on-feature); border: 1px solid var(--border-feature); width: 100% }:where(.pg-residential) .estimate-head{ display: flex; justify-content: space-between; align-items: center; padding: .85rem 1.25rem; border-bottom: 1px solid var(--border-feature-strong) }:where(.pg-residential) .estimate-head .t{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-sm); letter-spacing: 0.04em; text-transform: uppercase }:where(.pg-residential) .estimate-head .f{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.12em; color: var(--muted-on-feature) }:where(.pg-residential) .estimate-body{ padding: 1.5rem 1.25rem }:where(.pg-residential) .estimate-body h2{ font-family: var(--font-display); font-weight: 800; font-size: var(--text-2xl); letter-spacing: -0.02em; line-height: 1.1; margin-bottom: .5rem }:where(.pg-residential) .estimate-body h2 .hl{ color: var(--color-signal) }:where(.pg-residential) .estimate-body>p{ font-family: var(--font-serif); font-size: var(--text-sm); color: var(--muted-on-feature-strong); line-height: 1.55; margin-bottom: 1.25rem }:where(.pg-residential) .est-form{ display: flex; flex-direction: column; gap: .85rem }:where(.pg-residential) .est-form label{ display: block; font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted-on-feature-strong); margin-bottom: .35rem }:where(.pg-residential) .est-form input, :where(.pg-residential) .est-form select{ width: 100%; font-family: var(--font-ui); font-size: var(--text-sm); background: transparent; color: var(--fg-on-feature); border: 1px solid var(--border-feature-strong); padding: .65rem .75rem; transition: border-color var(--duration-fast) var(--ease-out) }:where(.pg-residential) .est-form input:focus, :where(.pg-residential) .est-form select:focus{ outline: none; border-color: var(--color-signal) }:where(.pg-residential) .est-form input::placeholder{ color: var(--placeholder-on-feature) }:where(.pg-residential) .est-form select{ appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='%239A9A93'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .75rem center; padding-right: 2rem }:where(.pg-residential) .est-form select option{ background: var(--bg-feature); color: var(--fg-on-feature) }:where(.pg-residential) .est-form .row{ display: grid; grid-template-columns: 1fr 1fr; gap: .5rem }:where(.pg-residential) .est-legal{ display: flex; align-items: center; gap: .5rem; font-family: var(--font-ui); font-size: var(--text-xs); color: var(--muted-on-feature); line-height: 1.4; margin-top: .5rem }:where(.pg-residential) .est-legal svg{ flex: 0 0 auto }:where(.pg-residential) .estimate-foot{ border-top: 1px solid var(--border-feature-strong); padding: .65rem 1.25rem; display: flex; justify-content: space-between; font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.08em; color: var(--muted-on-feature) }@media(max-width:1000px){:where(.pg-residential) .hero{ grid-template-columns: 1fr; min-height: auto }:where(.pg-residential) .hero-estimate{ padding: 0 var(--container-padding) var(--space-6) }}:where(.pg-residential) .ticker{ background: var(--bg-feature); border-top: 1px solid var(--border-feature); border-bottom: 1px solid var(--border-feature); overflow: hidden }:where(.pg-residential) .ticker-track{ display: flex; gap: 2.5rem; padding: .8rem 0; white-space: nowrap; animation: tickerScroll 40s linear infinite }:where(.pg-residential) .ticker:hover .ticker-track{ animation-play-state: paused }:where(.pg-residential) .ticker-track span{ display: inline-flex; align-items: center; gap: .6rem; font-family: var(--font-ui); font-weight: 600; font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-on-feature) }:where(.pg-residential) .ticker-track .pip{ width: 6px; height: 6px; background: var(--color-signal); display: inline-block; transform: rotate(45deg) }:where(.pg-residential) .ticker-track .stars{ color: var(--color-signal) }@keyframes tickerScroll{from{ transform: translateX(0) }to{ transform: translateX(-50%) }}:where(.pg-residential) .trust{ padding: var(--space-6) 0; border-bottom: 1px solid var(--border) }:where(.pg-residential) .trust-inner{ max-width: var(--container-max); margin: 0 auto; padding: 0 var(--container-padding); display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--space-4) }:where(.pg-residential) .trust-item{ display: flex; flex-direction: column; text-align: center; gap: .15rem }:where(.pg-residential) .trust-item strong{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase }:where(.pg-residential) .trust-item span{ font-family: var(--font-ui); font-size: var(--text-xs); color: var(--muted); letter-spacing: 0.06em; text-transform: uppercase }@media(max-width:900px){:where(.pg-residential) .trust-inner{ grid-template-columns: repeat(3, 1fr) }}@media(max-width:500px){:where(.pg-residential) .trust-inner{ grid-template-columns: repeat(2, 1fr) }}:where(.pg-residential) section{ padding: var(--section-y) 0 }:where(.pg-residential) .section-label{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-bottom: var(--space-3) }:where(.pg-residential) .section-head{ max-width: 52ch; margin-bottom: var(--space-4) }:where(.pg-residential) .section-head h2{ font-family: var(--font-display); font-weight: 800; font-size: clamp(1.8rem, 4vw, var(--text-4xl)); letter-spacing: -0.03em; line-height: 1.08; margin-bottom: var(--space-2) }:where(.pg-residential) .section-head p{ font-family: var(--font-serif); font-size: var(--text-lg); color: var(--fg-soft); line-height: 1.55 }:where(.pg-residential) .services-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--border) }:where(.pg-residential) .service-card{ background: var(--bg); display: flex; flex-direction: column; transition: background var(--duration-fast) var(--ease-out) }:where(.pg-residential) .service-card:hover{ background: var(--bg-warm) }:where(.pg-residential) .service-img{ position: relative; aspect-ratio: 4/3; overflow: hidden; background: var(--surface) }:where(.pg-residential) .service-img img{ width: 100%; height: 100%; object-fit: cover; transition: transform var(--duration-slow) var(--ease-out) }:where(.pg-residential) .service-card:hover .service-img img{ transform: scale(1.04) }:where(.pg-residential) .service-img .num{ position: absolute; top: 1rem; left: 1rem; font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.1em; color: #fff; background: rgba(0, 0, 0, .55); padding: .3rem .6rem }:where(.pg-residential) .service-meta{ padding: 1.25rem 1.25rem .25rem; display: flex; justify-content: space-between; align-items: baseline; gap: .5rem }:where(.pg-residential) .service-meta h3{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-base); letter-spacing: -0.01em }:where(.pg-residential) .service-meta .tag{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted) }:where(.pg-residential) .service-desc{ padding: .25rem 1.25rem; font-family: var(--font-serif); font-size: var(--text-sm); color: var(--fg-soft); line-height: 1.5; flex: 1 }:where(.pg-residential) .service-link{ padding: 1rem 1.25rem 1.25rem }@media(max-width:1100px){:where(.pg-residential) .services-grid{ grid-template-columns: repeat(2, 1fr) }}@media(max-width:600px){:where(.pg-residential) .services-grid{ grid-template-columns: 1fr }}:where(.pg-residential) .method{ background: var(--bg-warm) }:where(.pg-residential) .timeline{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border) }:where(.pg-residential) .stage{ background: var(--bg-warm); padding: 1.5rem; display: flex; flex-direction: column; gap: .75rem }:where(.pg-residential) .stage .n{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.14em; color: var(--color-signal) }:where(.pg-residential) .stage h3{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-base); letter-spacing: -0.01em; line-height: 1.2 }:where(.pg-residential) .stage p{ font-family: var(--font-serif); font-size: var(--text-sm); color: var(--fg-soft); line-height: 1.55 }@media(max-width:1000px){:where(.pg-residential) .timeline{ grid-template-columns: repeat(3, 1fr) }}@media(max-width:600px){:where(.pg-residential) .timeline{ grid-template-columns: 1fr }}:where(.pg-residential) .portfolio-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border: 1px solid var(--border); background: var(--border) }:where(.pg-residential) .portfolio-card{ background: var(--bg); padding: 2rem; display: flex; flex-direction: column; gap: .75rem }:where(.pg-residential) .portfolio-card h3{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-xl); letter-spacing: -0.02em }:where(.pg-residential) .pc-location{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted) }:where(.pg-residential) .portfolio-card ul{ display: flex; flex-direction: column; gap: .35rem; margin-top: .5rem }:where(.pg-residential) .portfolio-card li{ font-family: var(--font-serif); font-size: var(--text-sm); color: var(--fg-soft); padding-left: 1rem; position: relative }:where(.pg-residential) .portfolio-card li::before{ content: '·'; position: absolute; left: 0; color: var(--color-signal); font-weight: 700 }@media(max-width:800px){:where(.pg-residential) .portfolio-grid{ grid-template-columns: 1fr }}:where(.pg-residential) .stats{ border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: var(--space-4) 0 }:where(.pg-residential) .stats-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border) }:where(.pg-residential) .stat-cell{ background: var(--bg); padding: var(--space-4) var(--space-4); text-align: center; display: flex; flex-direction: column; align-items: center; gap: .25rem }:where(.pg-residential) .stat-num{ font-family: var(--font-display); font-weight: 800; font-size: clamp(2rem, 5vw, var(--text-5xl)); letter-spacing: -0.04em; line-height: 1 }:where(.pg-residential) .stat-num .plus, :where(.pg-residential) .stat-num .star{ color: var(--color-signal) }:where(.pg-residential) .stat-cell span:last-child{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted) }@media(max-width:600px){:where(.pg-residential) .stats-grid{ grid-template-columns: 1fr }}:where(.pg-residential) .ba-shell{ display: grid; grid-template-columns: 1.4fr 1fr; gap: 2rem; align-items: start }@media(max-width:980px){:where(.pg-residential) .ba-shell{ grid-template-columns: 1fr }}:where(.pg-residential) .ba{ position: relative; width: 100%; aspect-ratio: 16/10; overflow: hidden; background: var(--surface); user-select: none; touch-action: none; border: 1px solid var(--border) }:where(.pg-residential) .ba img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none }:where(.pg-residential) .ba .after-wrap{ position: absolute; inset: 0; width: 50%; overflow: hidden }:where(.pg-residential) .ba .after-wrap img{ width: calc(100% / 0.5); max-width: none }:where(.pg-residential) .ba .label{ position: absolute; top: 1rem; font-family: var(--font-ui); font-weight: 600; font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.06em; padding: .4rem .7rem }:where(.pg-residential) .ba .label.before{ left: 1rem; background: var(--bg); color: var(--fg); border: 1px solid var(--border) }:where(.pg-residential) .ba .label.after{ right: 1rem; background: var(--color-signal); color: var(--color-bone) }:where(.pg-residential) .ba .handle{ position: absolute; top: 0; bottom: 0; width: 2px; background: var(--color-signal); left: 50%; transform: translateX(-1px); pointer-events: none }:where(.pg-residential) .ba .knob{ position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; background: var(--color-signal); transform: translate(-50%, -50%); display: grid; place-items: center; cursor: ew-resize }:where(.pg-residential) .ba .knob::before, :where(.pg-residential) .ba .knob::after{ content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; top: 50%; transform: translateY(-50%) }:where(.pg-residential) .ba .knob::before{ left: 10px; border-right: 6px solid var(--color-bone) }:where(.pg-residential) .ba .knob::after{ right: 10px; border-left: 6px solid var(--color-bone) }:where(.pg-residential) .ba-caption{ display: flex; flex-direction: column; gap: 1rem }:where(.pg-residential) .ba-caption h3{ font-size: var(--text-2xl); letter-spacing: -0.02em }:where(.pg-residential) .ba-story{ font-family: var(--font-serif); color: var(--fg-soft); line-height: 1.6 }:where(.pg-residential) .ba-table{ border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 1fr 1fr }:where(.pg-residential) .ba-table>div{ padding: .85rem; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border) }:where(.pg-residential) .ba-table>div:nth-child(2n){ border-right: 0 }:where(.pg-residential) .ba-table>div:nth-last-child(-n+2){ border-bottom: 0 }:where(.pg-residential) .ba-table dt{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-bottom: .2rem }:where(.pg-residential) .ba-table dd{ margin: 0; font-family: var(--font-display); font-weight: 700; font-size: var(--text-sm) }:where(.pg-residential) .test-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem }@media(max-width:900px){:where(.pg-residential) .test-grid{ grid-template-columns: 1fr }}:where(.pg-residential) .test-card{ border: 1px solid var(--border); background: var(--bg); padding: 1.75rem 1.5rem; display: flex; flex-direction: column; gap: .85rem; transition: background var(--duration-fast) var(--ease-out) }:where(.pg-residential) .test-card:hover{ background: var(--bg-warm) }:where(.pg-residential) .test-stars{ display: flex; gap: 2px; color: var(--color-signal); font-size: 1.1rem; line-height: 1 }:where(.pg-residential) .test-quote{ font-family: var(--font-serif); font-size: var(--text-base); line-height: 1.55; color: var(--fg-soft) }:where(.pg-residential) .test-meta{ display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--border) }:where(.pg-residential) .test-name{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-sm) }:where(.pg-residential) .test-where{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted) }:where(.pg-residential) .test-verified{ display: inline-flex; align-items: center; gap: .3rem; font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.12em; text-transform: uppercase; color: #1F7A3A }:where(.pg-residential) .test-dots{ display: flex; justify-content: center; gap: .5rem; margin-top: var(--space-4); }:where(.pg-residential) .test-dots button{ width: 8px; height: 8px; border-radius: 50%; background: var(--border-strong); border: none; padding: 0; cursor: pointer; transition: background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out); }:where(.pg-residential) .test-dots button:hover{ transform: scale(1.2); }:where(.pg-residential) .test-dots button.is-active{ background: var(--color-signal); }:where(.pg-residential) .test-foot{ margin-top: 1.5rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; background: var(--bg-feature); color: var(--fg-on-feature); padding: 1.25rem 1.5rem; border: 1px solid var(--border-feature) }:where(.pg-residential) .test-foot .stars{ display: inline-flex; gap: 2px; color: var(--color-signal); font-size: 1.25rem }:where(.pg-residential) .test-foot .meta{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.12em; text-transform: uppercase }:where(.pg-residential) .test-foot .meta strong{ font-family: var(--font-display); font-size: var(--text-base); letter-spacing: 0; color: var(--color-signal) }:where(.pg-residential) .promise{ background: var(--bg-feature); color: var(--fg-on-feature); padding: var(--section-y) 0 }:where(.pg-residential) .promise .section-label{ color: var(--muted-on-feature) }:where(.pg-residential) .promise .section-head p{ color: var(--muted-on-feature-strong) }:where(.pg-residential) .promise-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border-feature); border: 1px solid var(--border-feature) }:where(.pg-residential) .commit{ background: var(--card); padding: 1.75rem; display: flex; flex-direction: column; gap: .5rem; transition: background var(--duration-fast) var(--ease-out) }:where(.pg-residential) .commit:hover{ background: var(--card-selected) }:where(.pg-residential) .commit .n{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.14em; color: var(--color-signal) }:where(.pg-residential) .commit h3{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-base); letter-spacing: -0.01em }:where(.pg-residential) .commit p{ font-family: var(--font-serif); font-size: var(--text-sm); color: var(--muted-on-feature-strong); line-height: 1.55 }:where(.pg-residential) .promise-cta{ margin-top: var(--space-6); text-align: center }:where(.pg-residential) .promise-cta .link-arrow{ color: var(--muted-on-feature-strong) }:where(.pg-residential) .promise-cta .link-arrow:hover{ color: var(--color-signal) }@media(max-width:900px){:where(.pg-residential) .promise-grid{ grid-template-columns: 1fr }}:where(.pg-residential) .form-section{ background: var(--bg-warm); color: var(--fg); padding: var(--section-y) 0 }:where(.pg-residential) .form-section .section-label{ color: var(--muted) }:where(.pg-residential) .form-section .section-head p{ color: var(--fg-soft) }:where(.pg-residential) .form-shell{ display: grid; grid-template-columns: 320px 1fr; gap: 0; border: 1px solid var(--border); min-height: 480px; background: var(--bg) }:where(.pg-residential) .form-side{ background: var(--bg-feature); color: var(--fg-on-feature); padding: 2rem; display: flex; flex-direction: column; gap: 1.5rem; border-right: 1px solid var(--border) }:where(.pg-residential) .form-side .step-count{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted-on-feature) }:where(.pg-residential) .dots{ display: flex; gap: .5rem; margin-top: .25rem }:where(.pg-residential) .dots span{ width: 8px; height: 8px; background: var(--border-feature-strong); transition: background var(--duration-fast) var(--ease-out) }:where(.pg-residential) .dots span.is-active{ background: var(--color-signal) }:where(.pg-residential) .dots span.is-done{ background: var(--muted-on-feature) }:where(.pg-residential) .form-side h3{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-lg) }:where(.pg-residential) .form-side ul{ display: flex; flex-direction: column; gap: .5rem }:where(.pg-residential) .form-side li{ font-family: var(--font-serif); font-size: var(--text-sm); color: var(--muted-on-feature-strong); padding-left: 1rem; position: relative }:where(.pg-residential) .form-side li::before{ content: '·'; position: absolute; left: 0; color: var(--color-signal); font-weight: 700 }:where(.pg-residential) .form-main{ padding: 2rem; display: flex; flex-direction: column }:where(.pg-residential) .form-step{ display: none; flex-direction: column; gap: 1rem; flex: 1 }:where(.pg-residential) .form-step.is-active{ display: flex }:where(.pg-residential) .form-step h4{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-lg); margin-bottom: .5rem }:where(.pg-residential) .opt-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem }:where(.pg-residential) .opt{ border: 1px solid var(--border-strong); padding: 1.25rem; cursor: pointer; background: var(--bg); transition: all var(--duration-fast) var(--ease-out) }:where(.pg-residential) .opt:hover{ border-color: var(--fg); transform: translateY(-2px) }:where(.pg-residential) .opt.is-selected{ border-color: var(--color-signal); background: var(--bg-warm) }:where(.pg-residential) .opt.is-selected::after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--color-signal) }:where(.pg-residential) .opt{ position: relative }:where(.pg-residential) .opt strong{ display: block; font-family: var(--font-display); font-weight: 700; font-size: var(--text-sm); color: var(--fg) }:where(.pg-residential) .opt span{ font-family: var(--font-ui); font-size: var(--text-xs); color: var(--muted); letter-spacing: 0.06em }:where(.pg-residential) .contact-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 1rem }:where(.pg-residential) .field{ display: flex; flex-direction: column; gap: .35rem }:where(.pg-residential) .field.full{ grid-column: 1/-1 }:where(.pg-residential) .field label{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted) }:where(.pg-residential) .field input, :where(.pg-residential) .field textarea{ background: var(--bg); border: 1px solid var(--border-strong); padding: .75rem 1rem; font-family: var(--font-display); font-size: var(--text-sm); color: var(--fg); transition: border-color var(--duration-fast) var(--ease-out) }:where(.pg-residential) .field input::placeholder, :where(.pg-residential) .field textarea::placeholder{ color: var(--color-concrete-light) }:where(.pg-residential) .field input:focus, :where(.pg-residential) .field textarea:focus{ outline: none; border-color: var(--color-signal) }:where(.pg-residential) .field textarea{ resize: vertical; min-height: 80px }:where(.pg-residential) .form-actions{ display: flex; justify-content: space-between; gap: 1rem; margin-top: auto; padding-top: 1.5rem }:where(.pg-residential) .btn-back{ background: transparent; color: var(--muted); border: 1px solid var(--border-strong); padding: .7rem 1.5rem; font-family: var(--font-ui); font-weight: 600; font-size: var(--text-sm); cursor: pointer; transition: all var(--duration-fast) var(--ease-out) }:where(.pg-residential) .btn-back:hover{ border-color: var(--fg); color: var(--fg) }:where(.pg-residential) .btn-continue{ padding: .7rem 1.5rem }:where(.pg-residential) .success{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 1rem; flex: 1 }:where(.pg-residential) .success h3{ font-family: var(--font-display); font-weight: 800; font-size: var(--text-2xl) }:where(.pg-residential) .success p{ font-family: var(--font-serif); color: var(--fg-soft); max-width: 40ch }@media(max-width:800px){:where(.pg-residential) .form-shell{ grid-template-columns: 1fr }:where(.pg-residential) .form-side{ border-right: 0; border-bottom: 1px solid var(--border-feature) }:where(.pg-residential) .opt-grid{ grid-template-columns: 1fr }:where(.pg-residential) .contact-grid{ grid-template-columns: 1fr }}:where(.pg-residential) .faq{ display: flex; flex-direction: column; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border) }:where(.pg-residential) .faq-item{ border-bottom: 1px solid var(--border) }:where(.pg-residential) .faq-item:last-child{ border-bottom: 0 }:where(.pg-residential) .faq-q{ display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; padding: 1.25rem 0; font-family: var(--font-display); font-weight: 700; font-size: var(--text-lg); letter-spacing: -0.01em; line-height: 1.1; width: 100%; text-align: left; cursor: pointer; transition: color var(--duration-fast) var(--ease-out) }:where(.pg-residential) .faq-q:hover{ color: var(--color-signal) }:where(.pg-residential) .faq-q .n{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 500; letter-spacing: 0.14em; color: var(--muted) }:where(.pg-residential) .faq-q .ico{ width: 28px; height: 28px; border: 1px solid var(--border-strong); display: grid; place-items: center; font-family: var(--font-ui); font-weight: 600; font-size: var(--text-sm); transition: background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out) }:where(.pg-residential) .faq-item.is-open .faq-q .ico{ background: var(--color-signal); color: var(--color-bone); border-color: var(--color-signal); transform: rotate(45deg) }:where(.pg-residential) .faq-a{ max-height: 0; overflow: hidden; transition: max-height var(--duration-base) var(--ease-out) }:where(.pg-residential) .faq-item.is-open .faq-a{ max-height: 300px }:where(.pg-residential) .faq-a-inner{ padding: 0 0 1.25rem 56px; font-family: var(--font-serif); color: var(--fg-soft); line-height: 1.6; max-width: 70ch }:where(.pg-residential) .mcta{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 90; background: var(--bg); border-top: 1px solid var(--border); padding: .75rem var(--container-padding); transition: transform var(--duration-fast) var(--ease-out); display: none }:where(.pg-residential) .mcta-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem }:where(.pg-residential) .mcta-grid a{ display: grid; place-items: center; padding: .65rem; font-family: var(--font-ui); font-weight: 700; font-size: var(--text-sm); letter-spacing: 0.06em; text-transform: uppercase; border: 1px solid var(--border-strong); transition: all var(--duration-fast) var(--ease-out) }:where(.pg-residential) .mcta-grid a:last-child{ background: var(--color-signal); color: var(--color-bone); border-color: var(--color-signal) }@media(max-width:800px){:where(.pg-residential) .mcta{ display: block }}:where(.pg-residential) .mcta.is-hidden{ transform: translateY(100%) }:where(.pg-residential) .foot{ background: var(--bg-feature); color: var(--fg-on-feature); padding: var(--space-8) 0 var(--space-4) }:where(.pg-residential) .foot-top{ display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1.2fr; gap: var(--space-6); margin-bottom: var(--space-4) }:where(.pg-residential) .foot-brand{ display: flex; flex-direction: column; gap: 1rem }:where(.pg-residential) .foot-brand p{ font-family: var(--font-serif); font-size: var(--text-sm); color: var(--muted-on-feature-strong); line-height: 1.55 }:where(.pg-residential) .foot .brand{ color: var(--fg-on-feature) }:where(.pg-residential) .socials{ display: flex; gap: .5rem }:where(.pg-residential) .socials a{ width: 36px; height: 36px; border: 1px solid var(--border-feature-strong); display: grid; place-items: center; font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.06em; transition: all var(--duration-fast) var(--ease-out) }:where(.pg-residential) .socials a:hover{ background: var(--fg-on-feature); color: var(--bg-feature) }:where(.pg-residential) .foot-col h4{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 1rem; color: var(--muted-on-feature) }:where(.pg-residential) .foot-col ul{ display: flex; flex-direction: column; gap: .5rem }:where(.pg-residential) .foot-col a{ font-family: var(--font-serif); font-size: var(--text-sm); color: var(--muted-on-feature-strong); transition: color var(--duration-fast) var(--ease-out) }:where(.pg-residential) .foot-col a:hover{ color: var(--fg-on-feature) }:where(.pg-residential) .foot-newsletter{ display: flex; flex-direction: column; gap: .75rem }:where(.pg-residential) .news-form{ display: flex; border: 1px solid var(--border-feature-strong) }:where(.pg-residential) .news-form input{ flex: 1; padding: .65rem .75rem; font-size: var(--text-sm); background: transparent; color: var(--fg-on-feature) }:where(.pg-residential) .news-form input::placeholder{ color: var(--placeholder-on-feature) }:where(.pg-residential) .news-form button{ padding: .65rem 1rem; font-family: var(--font-ui); font-weight: 700; font-size: var(--text-sm); color: var(--fg-on-feature); border-left: 1px solid var(--border-feature-strong); transition: background var(--duration-fast) var(--ease-out) }:where(.pg-residential) .news-form button:hover{ background: var(--color-signal) }:where(.pg-residential) .foot-bot{ display: flex; justify-content: space-between; align-items: center; padding-top: var(--space-4); border-top: 1px solid var(--border-feature); font-family: var(--font-ui); font-size: var(--text-xs); color: var(--muted-on-feature); letter-spacing: 0.04em; flex-wrap: wrap; gap: 1rem }:where(.pg-residential) .legal{ display: flex; gap: 1.5rem }:where(.pg-residential) .legal a{ color: var(--muted-on-feature); transition: color var(--duration-fast) var(--ease-out) }:where(.pg-residential) .legal a:hover{ color: var(--fg-on-feature) }@media(max-width:900px){:where(.pg-residential) .foot-top{ grid-template-columns: 1fr 1fr; gap: var(--space-4) }}@media(max-width:600px){:where(.pg-residential) .foot-top{ grid-template-columns: 1fr }} /* ==================== MULTI-FAMILY PAGE ==================== */ :root:where(.pg-multifamily){ --color-carbon: #0A0A0A; --color-carbon-soft: #141414; --color-bone: #FAFAF7; --color-bone-warm: #F2F1EA; --color-signal: #C8102E; --color-signal-dark: #A30D26; --color-concrete: #6B6B6B; --color-concrete-light: #9A9A93; --color-steel: #E5E5E0; --color-steel-dark: #C9C9C2; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.333rem; --text-2xl: 1.777rem; --text-3xl: 2.369rem; --text-4xl: 3.157rem; --text-5xl: 4.209rem; --space-1: 0.5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2rem; --space-6: 3rem; --space-8: 4rem; --space-12: 6rem; --space-16: 8rem; --font-display: 'Inter Tight', system-ui, sans-serif; --font-serif: 'Source Serif 4', Georgia, serif; --font-ui: 'Inter Tight', system-ui, sans-serif; --container-max: 1440px; --container-padding: clamp(1.25rem, 4vw, 4rem); --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); --duration-fast: 200ms; --duration-base: 400ms; --duration-slow: 700ms; --section-y: clamp(2.5rem, 6vw, 5rem); --nav-h: 72px; --bg: #FAFAF7; --bg-warm: #F2F1EA; --bg-feature: #0A0A0A; --surface: #E5E5E0; --fg: #0A0A0A; --fg-soft: #2a2a2a; --fg-on-feature: #FAFAF7; --muted: #6B6B6B; --muted-on-feature: #9A9A93; --muted-on-feature-strong: #BDBDB8; --border: #E5E5E0; --border-strong: #C9C9C2; --border-feature: #222222; --border-feature-strong: #333333; --card: #141414; --card-selected: #181010; --placeholder-on-feature: #5b5b56; color-scheme: light; }[data-theme="dark"]:where(.pg-multifamily){ --bg: #0A0A0A; --bg-warm: #111111; --bg-feature: #181818; --surface: #1a1a1a; --fg: #FAFAF7; --fg-soft: #cfcfca; --fg-on-feature: #FAFAF7; --muted: #9A9A93; --muted-on-feature: #9A9A93; --muted-on-feature-strong: #BDBDB8; --border: #232323; --border-strong: #2a2a2a; --border-feature: #2a2a2a; --border-feature-strong: #363636; --card: #161616; --card-selected: #24161a; --placeholder-on-feature: #666660; color-scheme: dark; }html:where(.pg-multifamily), :where(.pg-multifamily) *, :where(.pg-multifamily) *::before, :where(.pg-multifamily) *::after{ box-sizing: border-box; margin: 0; padding: 0 }html:where(.pg-multifamily){ scroll-behavior: smooth; scroll-padding-top: var(--nav-h) }:where(.pg-multifamily) body{ font-family: var(--font-display); background: var(--bg); color: var(--fg); line-height: 1.5; -webkit-font-smoothing: antialiased }:where(.pg-multifamily) img{ display: block; max-width: 100%; height: auto }:where(.pg-multifamily) a{ color: inherit; text-decoration: none }:where(.pg-multifamily) ul{ list-style: none }:where(.pg-multifamily) button{ font: inherit; border: none; background: none; cursor: pointer; color: inherit }:where(.pg-multifamily) input, :where(.pg-multifamily) textarea{ font: inherit; border: none; background: none; color: inherit }:where(.pg-multifamily) .container{ max-width: var(--container-max); margin: 0 auto; padding-left: var(--container-padding); padding-right: var(--container-padding) }:where(.pg-multifamily) .btn{ display: inline-flex; align-items: center; gap: .5rem; font-family: var(--font-ui); font-weight: 700; font-size: var(--text-sm); letter-spacing: 0.03em; padding: .85rem 1.75rem; transition: all var(--duration-fast) var(--ease-out); white-space: nowrap; cursor: pointer; text-decoration: none }:where(.pg-multifamily) .btn .arrow{ transition: transform var(--duration-fast) var(--ease-out) }:where(.pg-multifamily) .btn:hover .arrow{ transform: translateX(3px) }:where(.pg-multifamily) .btn-primary{ background: var(--color-signal); color: var(--color-bone); border: 1px solid var(--color-signal) }:where(.pg-multifamily) .btn-primary:hover{ background: var(--color-signal-dark); border-color: var(--color-signal-dark) }:where(.pg-multifamily) .btn-ghost{ background: transparent; color: var(--fg); border: 1px solid var(--border-strong) }:where(.pg-multifamily) .btn-ghost:hover{ background: var(--surface); border-color: var(--fg) }:where(.pg-multifamily) .link-arrow{ display: inline-flex; align-items: center; gap: .4rem; font-family: var(--font-ui); font-weight: 600; font-size: var(--text-sm); letter-spacing: 0.03em; transition: color var(--duration-fast) var(--ease-out) }:where(.pg-multifamily) .link-arrow:hover{ color: var(--color-signal) }:where(.pg-multifamily) .nav{ position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: var(--nav-h); display: flex; align-items: center; background: var(--bg); border-bottom: 1px solid var(--border); transition: background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out) }:where(.pg-multifamily) .nav.is-scrolled{ background: color-mix(in srgb, var(--bg) 92%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px) }:where(.pg-multifamily) .nav-inner{width:100%;max-width:var(--container-max);margin:0 auto;padding-inline:var(--container-padding);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem}:where(.pg-multifamily) .brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:800;font-size:var(--text-base);letter-spacing:0.04em;text-transform:uppercase;white-space:nowrap}:where(.pg-multifamily) .brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--color-signal);color:var(--color-bone);font-size:11px;letter-spacing:0;font-weight:700}:where(.pg-multifamily) .nav-links{display:flex;align-items:center;justify-content:center;gap:1rem;list-style:none;padding:0;margin:0}:where(.pg-multifamily) .nav-links a{font-family:var(--font-ui);font-size:0.8125rem;font-weight:500;letter-spacing:0.02em;color:var(--fg);padding:.5rem 0;position:relative;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out)}:where(.pg-multifamily) .nav-links a:hover, :where(.pg-multifamily) .nav-links a.is-active{ color: var(--color-signal) }:where(.pg-multifamily) .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--color-signal);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}:where(.pg-multifamily) .nav-links a:hover::after, :where(.pg-multifamily) .nav-links a.is-active::after{transform:scaleX(1)}:where(.pg-multifamily) .nav-cta{ display: flex; align-items: center; gap: 1rem; margin-left: auto }:where(.pg-multifamily) .nav-cta .btn-primary{ padding: .6rem 1rem; font-size: var(--text-xs) }:where(.pg-multifamily) .nav-phone{ font-family: var(--font-ui); font-size: 0.8125rem; font-weight: 600; display: flex; align-items: center; gap: .5rem; white-space: nowrap }:where(.pg-multifamily) .nav-phone span{ color: var(--color-signal); font-size: 8px }:where(.pg-multifamily) .theme-toggle{ width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--border-strong); transition: background var(--duration-fast) var(--ease-out) }:where(.pg-multifamily) .theme-toggle:hover{ background: var(--surface) }:where(.pg-multifamily) .theme-toggle svg{ width: 16px; height: 16px }:where(.pg-multifamily) .theme-toggle .sun{ display: none }[data-theme="dark"]:where(.pg-multifamily) .theme-toggle .moon{ display: none }[data-theme="dark"]:where(.pg-multifamily) .theme-toggle .sun{ display: block }:where(.pg-multifamily) .nav-burger{ display: none; width: 36px; height: 36px; position: relative; border: 1px solid var(--border-strong) }:where(.pg-multifamily) .nav-burger span, :where(.pg-multifamily) .nav-burger::before, :where(.pg-multifamily) .nav-burger::after{ content: ''; position: absolute; left: 9px; right: 9px; height: 2px; background: var(--fg); transition: all var(--duration-fast) var(--ease-out) }:where(.pg-multifamily) .nav-burger span{ top: 50%; transform: translateY(-50%) }:where(.pg-multifamily) .nav-burger::before{ top: 10px }:where(.pg-multifamily) .nav-burger::after{ bottom: 10px }:where(.pg-multifamily) .nav-drop{ position: relative }:where(.pg-multifamily) .nav-drop>a::after{ content: ''; display: inline-block; width: 0; height: 0; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4px solid currentColor; margin-left: .4rem; transform: translateY(-1px); transition: transform var(--duration-fast) var(--ease-out) }:where(.pg-multifamily) .nav-drop:hover>a::after{ transform: translateY(-1px) rotate(180deg) }:where(.pg-multifamily) .nav-drop-menu{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 200px; background: var(--bg); border: 1px solid var(--border); padding: .5rem 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--duration-fast) var(--ease-out), visibility var(--duration-fast) var(--ease-out); z-index: 110; padding-top: .5rem }:where(.pg-multifamily) .nav-drop-menu::before{ content: ''; position: absolute; top: -.75rem; left: 0; right: 0; height: .75rem }:where(.pg-multifamily) .nav-drop:hover .nav-drop-menu{ opacity: 1; visibility: visible; pointer-events: auto }:where(.pg-multifamily) .nav-drop-menu a{ display: block; padding: .55rem 1.25rem; font-family: var(--font-ui); font-size: var(--text-sm); font-weight: 500; letter-spacing: 0.02em; white-space: nowrap; transition: background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out) }:where(.pg-multifamily) .nav-drop-menu a:hover{ background: var(--bg-warm); color: var(--color-signal) }:where(.pg-multifamily) .nav.is-scrolled .nav-drop-menu{ background: color-mix(in srgb, var(--bg) 96%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px) }@media(max-width:1420px){:where(.pg-multifamily) .nav-cta .nav-phone{ display: none }}@media(max-width:1100px){:where(.pg-multifamily) .nav-links, :where(.pg-multifamily) .nav-cta .nav-phone, :where(.pg-multifamily) .nav-cta .btn-primary{ display: none }:where(.pg-multifamily) .nav-burger{ display: grid }}:where(.pg-multifamily) .nav-overlay{ position: fixed; inset: 0; z-index: 200; background: var(--bg); display: flex; flex-direction: column; padding: 0 var(--container-padding); opacity: 0; visibility: hidden; transition: opacity var(--duration-base) var(--ease-out), visibility var(--duration-base) var(--ease-out); overflow-y: auto }:where(.pg-multifamily) .nav-overlay.is-open{ opacity: 1; visibility: visible }:where(.pg-multifamily) .nav-overlay-top{ display: flex; align-items: center; justify-content: space-between; height: var(--nav-h); flex: 0 0 auto }:where(.pg-multifamily) .nav-overlay-close{ width: 36px; height: 36px; border: 1px solid var(--border-strong); position: relative }:where(.pg-multifamily) .nav-overlay-close::before, :where(.pg-multifamily) .nav-overlay-close::after{ content: ''; position: absolute; left: 9px; right: 9px; top: 50%; height: 2px; background: var(--fg) }:where(.pg-multifamily) .nav-overlay-close::before{ transform: rotate(45deg) }:where(.pg-multifamily) .nav-overlay-close::after{ transform: rotate(-45deg) }:where(.pg-multifamily) .nav-overlay-links{ display: flex; flex-direction: column; gap: 0; margin-top: var(--space-6); flex: 1 }:where(.pg-multifamily) .nav-overlay-links a{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-3xl); letter-spacing: -0.02em; padding: .75rem 0; border-bottom: 1px solid var(--border); transition: color var(--duration-fast) var(--ease-out); display: block }:where(.pg-multifamily) .nav-overlay-links a:hover{ color: var(--color-signal) }:where(.pg-multifamily) .nav-overlay-foot{ padding: var(--space-4) 0; display: flex; flex-direction: column; gap: 1rem; border-top: 1px solid var(--border) }:where(.pg-multifamily) section{ padding: var(--section-y) 0 }:where(.pg-multifamily) .section-label{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-bottom: var(--space-3) }:where(.pg-multifamily) .section-head{ max-width: 52ch; margin-bottom: var(--space-4) }:where(.pg-multifamily) .section-head h2{ font-family: var(--font-display); font-weight: 800; font-size: clamp(1.8rem, 4vw, var(--text-4xl)); letter-spacing: -0.03em; line-height: 1.08; margin-bottom: var(--space-2) }:where(.pg-multifamily) .section-head p{ font-family: var(--font-serif); font-size: var(--text-lg); color: var(--fg-soft); line-height: 1.55 }:where(.pg-multifamily) .page-hero{ margin-top: var(--nav-h); padding: var(--space-8) 0 var(--space-6); border-bottom: 1px solid var(--border) }:where(.pg-multifamily) .page-hero .eyebrow{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-bottom: var(--space-3) }:where(.pg-multifamily) .page-hero h1{ font-family: var(--font-display); font-weight: 800; font-size: clamp(2.4rem, 5vw, var(--text-5xl)); letter-spacing: -0.03em; line-height: 1.05; margin-bottom: var(--space-3); max-width: 20ch }:where(.pg-multifamily) .page-hero p{ font-family: var(--font-serif); font-size: var(--text-lg); color: var(--fg-soft); line-height: 1.55; max-width: 56ch }:where(.pg-multifamily) .page-hero .hero-btns{ display: flex; gap: 1rem; flex-wrap: wrap; margin-top: var(--space-4) }:where(.pg-multifamily) .snap-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border) }:where(.pg-multifamily) .snap{ position: relative; aspect-ratio: 4/3; overflow: hidden; background: var(--surface) }:where(.pg-multifamily) .snap img{ width: 100%; height: 100%; object-fit: cover; transition: transform var(--duration-slow) var(--ease-out) }:where(.pg-multifamily) .snap:hover img{ transform: scale(1.04) }:where(.pg-multifamily) .snap-caption{ position: absolute; left: 0; right: 0; bottom: 0; padding: 1rem 1.25rem; background: linear-gradient(to top, rgba(10, 10, 10, .82), rgba(10, 10, 10, 0)); color: var(--color-bone); display: flex; flex-direction: column; gap: .1rem }:where(.pg-multifamily) .snap-caption strong{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-base); letter-spacing: -0.01em }:where(.pg-multifamily) .snap-caption span{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-steel) }@media(max-width:1000px){:where(.pg-multifamily) .snap-grid{ grid-template-columns: repeat(2, 1fr) }}@media(max-width:600px){:where(.pg-multifamily) .snap-grid{ grid-template-columns: 1fr }}:where(.pg-multifamily) .com-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 1rem }:where(.pg-multifamily) .com-card{ background: var(--bg); border: 1px solid var(--border-strong); padding: 1.75rem 1.5rem; display: flex; flex-direction: column; gap: var(--space-4); min-height: 180px; transition: background var(--duration-fast) var(--ease-out) }:where(.pg-multifamily) .com-card:hover{ background: var(--bg-warm) }[data-theme="dark"]:where(.pg-multifamily) .com-card:hover{ background: var(--surface) }:where(.pg-multifamily) .com-card .n{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.14em; color: var(--color-signal) }:where(.pg-multifamily) .com-card-body{ margin-top: auto; display: flex; flex-direction: column; gap: .3rem }:where(.pg-multifamily) .com-card h3{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-lg); letter-spacing: -0.02em; line-height: 1.2 }:where(.pg-multifamily) .com-card .loc{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted) }:where(.pg-multifamily) .com-card .type{ font-family: var(--font-serif); font-size: var(--text-sm); color: var(--fg-soft) }:where(.pg-multifamily) .pindex-group{ border-top: 1px solid var(--border-strong); padding: var(--space-4) 0; display: grid; grid-template-columns: 220px 1fr; gap: var(--space-4) }:where(.pg-multifamily) .pindex-group:last-child{ border-bottom: 1px solid var(--border-strong) }:where(.pg-multifamily) .pindex-region h3{ font-family: var(--font-display); font-weight: 800; font-size: var(--text-xl); letter-spacing: -0.02em; line-height: 1.1 }:where(.pg-multifamily) .pindex-region .count{ display: block; font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-signal); margin-top: .35rem }:where(.pg-multifamily) .pindex-list{ columns: 3; column-gap: var(--space-4) }:where(.pg-multifamily) .pindex-list li{ break-inside: avoid; padding: .55rem 0; border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: .1rem }:where(.pg-multifamily) .pindex-list li strong{ font-family: var(--font-display); font-weight: 600; font-size: var(--text-sm); letter-spacing: -0.01em; line-height: 1.3 }:where(.pg-multifamily) .pindex-list li span{ font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted) }@media(max-width:1100px){:where(.pg-multifamily) .pindex-list{ columns: 2 }}@media(max-width:800px){:where(.pg-multifamily) .pindex-group{ grid-template-columns: 1fr; gap: var(--space-3) }}@media(max-width:520px){:where(.pg-multifamily) .pindex-list{ columns: 1 }}:where(.pg-multifamily) .work{ background: var(--bg-feature); color: var(--fg-on-feature) }:where(.pg-multifamily) .work .section-label{ color: var(--muted-on-feature) }:where(.pg-multifamily) .work .section-head p{ color: var(--muted-on-feature-strong) }:where(.pg-multifamily) .work-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--border-feature); border: 1px solid var(--border-feature) }:where(.pg-multifamily) .work-col{ background: var(--card); padding: 1.75rem; display: flex; flex-direction: column; gap: 1rem }:where(.pg-multifamily) .work-col h3{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-base); letter-spacing: -0.01em }:where(.pg-multifamily) .work-col .n{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.14em; color: var(--color-signal) }:where(.pg-multifamily) .work-col ul{ display: flex; flex-direction: column; gap: .5rem }:where(.pg-multifamily) .work-col li{ font-family: var(--font-serif); font-size: var(--text-sm); color: var(--muted-on-feature-strong); line-height: 1.5; padding-left: 1rem; position: relative }:where(.pg-multifamily) .work-col li::before{ content: '·'; position: absolute; left: 0; color: var(--color-signal); font-weight: 700 }:where(.pg-multifamily) .work-cta{ margin-top: var(--space-6); display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; border-top: 1px solid var(--border-feature); padding-top: var(--space-4) }:where(.pg-multifamily) .work-cta p{ font-family: var(--font-serif); font-size: var(--text-sm); color: var(--muted-on-feature-strong); max-width: 52ch }@media(max-width:1000px){:where(.pg-multifamily) .work-grid{ grid-template-columns: repeat(2, 1fr) }}@media(max-width:600px){:where(.pg-multifamily) .work-grid{ grid-template-columns: 1fr }}:where(.pg-multifamily) .mcta{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 90; background: var(--bg); border-top: 1px solid var(--border); padding: .75rem var(--container-padding); transition: transform var(--duration-fast) var(--ease-out); display: none }:where(.pg-multifamily) .mcta-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem }:where(.pg-multifamily) .mcta-grid a{ display: grid; place-items: center; padding: .65rem; font-family: var(--font-ui); font-weight: 700; font-size: var(--text-sm); letter-spacing: 0.06em; text-transform: uppercase; border: 1px solid var(--border-strong); transition: all var(--duration-fast) var(--ease-out) }:where(.pg-multifamily) .mcta-grid a:last-child{ background: var(--color-signal); color: var(--color-bone); border-color: var(--color-signal) }@media(max-width:800px){:where(.pg-multifamily) .mcta{ display: block }}:where(.pg-multifamily) .mcta.is-hidden{ transform: translateY(100%) }:where(.pg-multifamily) .foot{ background: var(--bg-feature); color: var(--fg-on-feature); padding: var(--space-8) 0 var(--space-4) }:where(.pg-multifamily) .foot-top{ display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1.2fr; gap: var(--space-6); margin-bottom: var(--space-4) }:where(.pg-multifamily) .foot-brand{ display: flex; flex-direction: column; gap: 1rem }:where(.pg-multifamily) .foot-brand p{ font-family: var(--font-serif); font-size: var(--text-sm); color: var(--muted-on-feature-strong); line-height: 1.55 }:where(.pg-multifamily) .foot .brand{ color: var(--fg-on-feature) }:where(.pg-multifamily) .socials{ display: flex; gap: .5rem }:where(.pg-multifamily) .socials a{ width: 36px; height: 36px; border: 1px solid var(--border-feature-strong); display: grid; place-items: center; font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.06em; transition: all var(--duration-fast) var(--ease-out) }:where(.pg-multifamily) .socials a:hover{ background: var(--fg-on-feature); color: var(--bg-feature) }:where(.pg-multifamily) .foot-col h4{ font-family: var(--font-ui); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 1rem; color: var(--muted-on-feature) }:where(.pg-multifamily) .foot-col ul{ display: flex; flex-direction: column; gap: .5rem }:where(.pg-multifamily) .foot-col a{ font-family: var(--font-serif); font-size: var(--text-sm); color: var(--muted-on-feature-strong); transition: color var(--duration-fast) var(--ease-out) }:where(.pg-multifamily) .foot-col a:hover{ color: var(--fg-on-feature) }:where(.pg-multifamily) .foot-newsletter{ display: flex; flex-direction: column; gap: .75rem }:where(.pg-multifamily) .news-form{ display: flex; border: 1px solid var(--border-feature-strong) }:where(.pg-multifamily) .news-form input{ flex: 1; padding: .65rem .75rem; font-size: var(--text-sm); background: transparent; color: var(--fg-on-feature) }:where(.pg-multifamily) .news-form input::placeholder{ color: var(--placeholder-on-feature) }:where(.pg-multifamily) .news-form button{ padding: .65rem 1rem; font-family: var(--font-ui); font-weight: 700; font-size: var(--text-sm); color: var(--fg-on-feature); border-left: 1px solid var(--border-feature-strong); transition: background var(--duration-fast) var(--ease-out) }:where(.pg-multifamily) .news-form button:hover{ background: var(--color-signal) }:where(.pg-multifamily) .foot-bot{ display: flex; justify-content: space-between; align-items: center; padding-top: var(--space-4); border-top: 1px solid var(--border-feature); font-family: var(--font-ui); font-size: var(--text-xs); color: var(--muted-on-feature); letter-spacing: 0.04em; flex-wrap: wrap; gap: 1rem }:where(.pg-multifamily) .legal{ display: flex; gap: 1.5rem }:where(.pg-multifamily) .legal a{ color: var(--muted-on-feature); transition: color var(--duration-fast) var(--ease-out) }:where(.pg-multifamily) .legal a:hover{ color: var(--fg-on-feature) }@media(max-width:900px){:where(.pg-multifamily) .foot-top{ grid-template-columns: 1fr 1fr; gap: var(--space-4) }}@media(max-width:600px){:where(.pg-multifamily) .foot-top{ grid-template-columns: 1fr }} /* ==================== MASTER utilities (global, must stay last) ==================== */ /* ============================================================ MASTER STYLESHEET — consolidated inline styles Linked from every page (last stylesheet in so its rules win ties against per-page CSS, matching the old inline-style behavior). ============================================================ */ /* --- Nav overlay (shared header on every page) --- */ .nav-overlay-label{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);padding:1rem 0 .25rem} .nav-overlay-label--inset{padding:1rem var(--container-padding) .25rem} .nav-overlay-links--compact{margin-top:0;gap:0} ul.nav-overlay-links--compact a{font-size:var(--text-2xl)} .nav-overlay-cta{display:flex;gap:.75rem;align-items:center} .nav-overlay-cta .btn{flex:1;justify-content:center} /* --- Scroll sentinel (nav scroll detection) --- */ #scrollSentinel{height:1px;position:absolute;top:0} /* --- Buttons / forms --- */ .btn.btn-block{justify-content:center;width:100%} .field.field--spaced{margin-top:.5rem} .eyebrow.eyebrow--success{color:#7cbf9b} .success-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem} /* --- Footer newsletter blurb (shared footer) --- */ p.foot-blurb{font-family:var(--font-serif);color:#bdbdb8;font-size:var(--text-sm);line-height:1.55} /* --- Sections / layout utilities --- */ .section-warm{background:var(--bg-warm)} .container.container-flush{padding:0} .section-label.section-label--tight{margin-bottom:0} .services-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-steel);gap:1rem;flex-wrap:wrap} /* --- Reviews --- */ [data-review-carousel]{transition:opacity var(--duration-base) var(--ease-out)} .rating-row{display:flex;align-items:center;gap:1rem} .link-arrow.link-arrow--muted{color:var(--muted-on-feature-strong)} /* --- Service page hero images (was --svc-hero-img inline) --- */ .hero-img--roofing{--svc-hero-img:url('images/site/Residential-Roofing-siding-6.webp')} .hero-img--siding{--svc-hero-img:url('images/site/Residential-Roofing-siding-5.webp')} .hero-img--nspire-inspections{--svc-hero-img:url('images/Arthur_Capper_Senior_Apartments_Washington_DC.jpg')} .hero-img--solar{--svc-hero-img:url('https://images.unsplash.com/photo-1509391366360-2e959784a276?w=1600&q=80')} .hero-img--drywall{--svc-hero-img:url('https://images.unsplash.com/photo-1616627561950-9f746e330187?w=1600&q=80')} .hero-img--fire-restoration{--svc-hero-img:url('https://images.unsplash.com/photo-1523861751938-121b5323b48b?w=1600&q=80')} .hero-img--hvac{--svc-hero-img:url('https://images.unsplash.com/photo-1621905251189-08b45d6a269e?w=1600&q=80')} .hero-img--paving-striping{--svc-hero-img:url('https://images.unsplash.com/photo-1585129777188-94600bc7b4b3?w=1600&q=80')} .hero-img--flooring{--svc-hero-img:url('https://images.unsplash.com/photo-1493809842364-78817add7ffb?w=1600&q=80')} .hero-img--painting{--svc-hero-img:url('https://images.unsplash.com/photo-1562259949-e8e7689d7828?w=1600&q=80')} .hero-img--plumbing-electrical{--svc-hero-img:url('https://images.unsplash.com/photo-1621905252507-b35492cc74b4?w=1600&q=80')} .hero-img--landscaping-snow{--svc-hero-img:url('https://images.unsplash.com/photo-1547754980-3df97fed72a8?w=1600&q=80')} .hero-img--windows{--svc-hero-img:url('https://images.unsplash.com/photo-1509644851169-2acc08aa25b5?w=1600&q=80')} .hero-img--unit-turns{--svc-hero-img:url('https://images.unsplash.com/photo-1522708323590-d24dbb6b0267?w=1600&q=80')} .hero-img--gutters-soffit{--svc-hero-img:url('https://images.unsplash.com/photo-1568605114967-8130f3a36994?w=1600&q=80')}