:root{
  --paper:#f4f6f4;--porcelain:#ffffff;--mist:#e7ecec;--grid:#d5dddd;--ink:#11161a;--charcoal:#1d242a;--steel:#5b6873;--blueprint:#1457d9;--blueprint-dark:#0d347e;--amber:#ffb000;--line:rgba(17,22,26,.14);--shadow:0 26px 70px rgba(17,22,26,.16);--radius:10px;--radius-lg:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:17px;line-height:1.65;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:44px 44px}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,.footer-brand{font-family:'Space Grotesk',Manrope,system-ui,sans-serif;line-height:.98;margin:0 0 .55em;letter-spacing:-.055em;text-transform:none}h1{font-size:clamp(3rem,7vw,6.9rem)}h2{font-size:clamp(2rem,4.6vw,4.25rem)}h3{font-size:1.45rem}.container{width:min(1180px,92vw);margin:auto}.skip-link{position:absolute;left:-999px;top:0;background:var(--blueprint);color:white;padding:.7rem 1rem;z-index:99}.skip-link:focus{left:1rem}.site-header{position:sticky;top:0;z-index:50;background:rgba(244,246,244,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;gap:1rem;min-height:78px}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;margin-right:auto}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--charcoal);color:white;font-family:'Space Grotesk',sans-serif;font-weight:800;box-shadow:inset 0 0 0 2px var(--blueprint)}.brand strong{display:block}.brand small{display:block;color:var(--steel);font-size:.78rem}.site-nav{display:flex;gap:.35rem;align-items:center;padding:.35rem;border:1px solid var(--line);background:rgba(255,255,255,.72);border-radius:999px}.site-nav a,.footer-grid a{text-decoration:none;color:var(--charcoal)}.site-nav a{font-size:.88rem;font-weight:800;padding:.55rem .72rem;border-radius:999px}.site-nav a:hover{background:var(--mist);text-decoration:none}.footer-grid a:hover,.text-link:hover{text-decoration:underline}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.85rem 1.1rem;border-radius:6px;text-decoration:none;font-weight:900;border:1px solid var(--charcoal);text-transform:uppercase;letter-spacing:.045em;font-size:.82rem}.header-cta,.button--primary{background:var(--amber);color:var(--ink);box-shadow:6px 6px 0 var(--charcoal)}.button--secondary{background:white;color:var(--charcoal)}.menu-toggle{display:none}.hero,.page-hero{padding:5.5rem 0 4rem;background:linear-gradient(135deg,rgba(20,87,217,.10),transparent 42%),linear-gradient(90deg,rgba(255,176,0,.16),transparent 28%)}.hero-grid,.page-hero-grid,.split-grid,.contact-grid,.case-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}.hero-copy,.page-hero-grid>div:first-child{background:rgba(255,255,255,.86);border:1px solid var(--line);padding:clamp(1.4rem,4vw,3rem);box-shadow:var(--shadow);position:relative}.hero-copy:before,.page-hero-grid>div:first-child:before{content:'PLAN / SPEC / FIT';position:absolute;top:.9rem;right:1rem;color:var(--blueprint);font-weight:900;font-size:.72rem;letter-spacing:.16em}.eyebrow,.kicker{margin:0 0 .75rem;color:var(--blueprint);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.77rem}.lede{font-size:clamp(1.08rem,2vw,1.35rem);max-width:64ch;color:#31404a}.cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.45rem 0}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:1.3rem}.trust-row span,.phase-row span,.material-tags span{border:1px solid var(--charcoal);background:white;padding:.7rem .8rem;font-weight:800;box-shadow:3px 3px 0 rgba(20,87,217,.28)}.hero-media,.image-card{background:var(--charcoal);border-radius:var(--radius-lg);padding:.8rem;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-media:before,.image-card:before{content:'';position:absolute;inset:.8rem;border:1px solid rgba(255,255,255,.55);border-radius:14px;z-index:2;pointer-events:none}.hero-img,.image-card__img{width:100%;height:100%;min-height:480px;object-fit:cover;border-radius:14px;filter:saturate(.62) contrast(1.08) grayscale(.18)}.hero-media:after,.image-card:after,.project-card:after,.portfolio-item>a:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(20,87,217,.28),transparent 48%,rgba(255,176,0,.20));mix-blend-mode:multiply;pointer-events:none}.project-note{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;z-index:3;background:rgba(255,255,255,.92);border-left:6px solid var(--amber);padding:1rem;font-weight:900}.section{padding:4.5rem 0}.section.warm,.trust-section{background:var(--charcoal);color:white;background-image:radial-gradient(circle at 20% 20%,rgba(20,87,217,.28),transparent 26%),linear-gradient(var(--steel) 1px,transparent 1px),linear-gradient(90deg,var(--steel) 1px,transparent 1px);background-size:auto,36px 36px,36px 36px}.section.warm .soft-card,.trust-section .soft-card{color:var(--ink)}.card-grid,.faq-grid,.portfolio-grid,.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.soft-card,.area-grid article,.cta-panel{background:white;border:1px solid var(--charcoal);border-radius:var(--radius);padding:1.25rem;box-shadow:7px 7px 0 rgba(20,87,217,.22)}.soft-card h3{border-top:4px solid var(--amber);padding-top:.75rem}.tick-list,.prep-list{padding-left:1.1rem}.tick-list li::marker,.prep-list li::marker{color:var(--blueprint)}.portfolio-grid{grid-template-columns:1fr}.project-card,.portfolio-item{position:relative;display:grid;grid-template-columns:.9fr 1fr;gap:1rem;align-items:end;text-decoration:none;background:white;border:1px solid var(--charcoal);padding:.8rem;box-shadow:7px 7px 0 rgba(17,22,26,.14);overflow:hidden}.project-card{grid-template-columns:1fr}.project-card img,.portfolio-item img{width:100%;min-height:260px;object-fit:cover;filter:saturate(.58) contrast(1.1) grayscale(.16)}.project-card span{font-weight:900;font-size:1.1rem;margin-top:.75rem}.project-card small{color:var(--steel)}.timeline{counter-reset:step;list-style:none;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:.65rem}.timeline li{background:white;color:var(--ink);border:1px solid var(--charcoal);padding:1rem;min-height:185px;position:relative}.timeline li p{color:var(--steel)}.timeline span{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--blueprint);color:white;border-radius:50%;font-weight:900}.prep-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;list-style:none;padding:0}.prep-list li{background:white;color:var(--ink);border-left:6px solid var(--amber);padding:.75rem}.phase-row,.material-tags{display:flex;gap:.65rem;flex-wrap:wrap}.contact-form{background:white;border:1px solid var(--charcoal);border-radius:var(--radius);padding:1.2rem;box-shadow:9px 9px 0 rgba(255,176,0,.45)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}label{display:grid;gap:.35rem;font-weight:800}input,select,textarea{font:inherit;border:1px solid var(--charcoal);border-radius:6px;padding:.82rem;background:var(--paper)}textarea{resize:vertical}.form-status,.note,.demo-note{color:var(--steel);font-size:.94rem}.mini-steps{padding-left:1.2rem}.site-footer{padding:3rem 0;background:var(--ink);color:white}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-grid a{display:block;color:#dce6ef;margin:.35rem 0}.footer-brand{font-size:2rem}.mobile-sticky{display:none}.article .narrow{max-width:820px}.case-grid{align-items:start}.text-link{font-weight:900;color:var(--blueprint-dark)}
@media (max-width:980px){.site-nav,.header-cta{display:none}.menu-toggle{display:inline-flex;margin-left:auto;border:1px solid var(--charcoal);background:white;border-radius:6px;padding:.7rem 1rem;font-weight:900}.site-nav.is-open{display:grid;position:absolute;left:4vw;right:4vw;top:76px;background:white;border:1px solid var(--charcoal);border-radius:10px;padding:1rem;box-shadow:var(--shadow)}.hero-grid,.page-hero-grid,.split-grid,.contact-grid,.case-grid,.portfolio-item{grid-template-columns:1fr}.card-grid,.faq-grid,.portfolio-grid,.area-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.mobile-sticky{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;position:fixed;left:.75rem;right:.75rem;bottom:.75rem;z-index:60}.mobile-sticky a{text-align:center;text-decoration:none;background:var(--amber);color:var(--ink);border:1px solid var(--charcoal);border-radius:6px;padding:.85rem;font-weight:900;box-shadow:4px 4px 0 var(--charcoal)}}
@media (max-width:900px){html,body{max-width:100%;overflow-x:hidden}body{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.container{width:min(1160px,calc(100vw - 1.5rem))}.nav-wrap,.brand,.hero-copy,.hero-media,.page-hero-grid>*,.split-grid>*,.contact-grid>*,.case-grid>*,.soft-card,.portfolio-item,.contact-form,.cta-panel{min-width:0}.brand{max-width:calc(100vw - 8rem)}.brand strong,.brand small{overflow-wrap:anywhere;line-height:1.2}h1,h2,h3,.lede,p,li,a,button,label,input,select,textarea{overflow-wrap:anywhere}.cta-row{align-items:stretch}.button,.header-cta{max-width:100%;white-space:normal;text-align:center;line-height:1.2}.contact-form{margin-bottom:1.5rem}.site-footer{padding-bottom:8.5rem}.mobile-sticky{left:max(.5rem,env(safe-area-inset-left));right:max(.5rem,env(safe-area-inset-right));bottom:max(.5rem,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mobile-sticky a{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;white-space:normal;line-height:1.15;padding:.78rem .55rem;overflow-wrap:anywhere}}
@media (max-width:560px){body{font-size:16px}.timeline,.prep-list,.trust-row{grid-template-columns:1fr}.hero{padding-top:2rem}.section{padding:3.25rem 0}.hero-img,.image-card__img{min-height:270px}h1{font-size:clamp(2.35rem,12vw,3rem);letter-spacing:-.035em}h2{font-size:clamp(1.85rem,10vw,2.6rem)}h3{font-size:1.35rem}.hero-grid,.page-hero-grid{gap:1.4rem}.cta-row{display:grid;grid-template-columns:1fr;gap:.7rem}.button{width:100%;padding:.82rem .9rem}input,select,textarea{width:100%;min-width:0}.contact-form{border-radius:10px;padding:1rem}.project-note{position:static;margin:0;border-radius:0;border-left:0;border-right:0;border-bottom:0}.hero-copy,.page-hero-grid>div:first-child{padding:1.2rem}}
@media (max-width:360px){.container{width:min(1160px,calc(100vw - 1rem))}.brand-mark{width:42px;height:42px;flex:0 0 42px}.brand strong{font-size:.92rem}.brand small{font-size:.7rem}.menu-toggle{padding:.62rem .78rem}.mobile-sticky{gap:.4rem}.mobile-sticky a{font-size:.88rem;padding:.72rem .45rem}}