:root{--navy:#071725;--navy-2:#0b2235;--blue:#149ee8;--blue-bright:#28b4ff;--white:#f7fbff;--muted:#a8b8c5;--ink:#102130;--line:#d9e3e9;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;background:rgba(7,23,37,.96);color:#fff;position:fixed;z-index:30;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;line-height:1}.brand-mark{width:42px;height:42px;fill:var(--blue)}.brand-mark .cut{fill:var(--navy)}.brand span{display:grid;gap:4px}.brand strong{font-family:"Barlow Condensed",sans-serif;font-size:1.35rem;letter-spacing:.07em}.brand small{font-size:.58rem;letter-spacing:.32em;color:#b9cbd7;font-weight:700}.site-header nav{display:flex;align-items:center;gap:33px}.site-header nav a{font-size:.86rem;font-weight:600;letter-spacing:.02em}.site-header nav a:not(.nav-cta):hover{color:var(--blue-bright)}.nav-cta{background:var(--blue);padding:12px 20px}.nav-cta:hover,.button-primary:hover{background:var(--blue-bright);transform:translateY(-2px)}.menu-button{display:none;background:none;border:0;padding:10px}.menu-button span{display:block;width:25px;height:2px;margin:5px;background:#fff}.hero{min-height:760px;height:100vh;position:relative;background:linear-gradient(105deg,rgba(5,18,29,.99) 0%,rgba(7,28,45,.96) 55%,rgba(10,42,65,.94) 100%);color:#fff;overflow:hidden;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:84px 0 0 50%;background:linear-gradient(135deg,transparent 0 39%,rgba(20,158,232,.16) 39.1% 40%,transparent 40.1%),linear-gradient(45deg,transparent 0 64%,rgba(255,255,255,.055) 64.1% 65%,transparent 65.1%)}.hero-grid{position:absolute;inset:84px 0 0 0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.hero-content{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:84px auto 0}.eyebrow{margin:0 0 18px;color:var(--blue);font-size:.75rem;letter-spacing:.21em;text-transform:uppercase;font-weight:800}.hero h1,.section h2,.estimate h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.025em;line-height:.88;margin:0;font-weight:800}.hero h1{font-size:clamp(4.8rem,9vw,8.7rem);max-width:850px}.hero h1 span{color:transparent;-webkit-text-stroke:1.5px var(--blue-bright)}.hero-copy{color:#c4d1da;max-width:610px;font-size:1.08rem;line-height:1.8;margin:32px 0}.hero-actions{display:flex;gap:16px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;font-weight:700;font-size:.88rem;transition:.25s ease}.button-primary{background:var(--blue);color:#fff}.button-quiet{border:1px solid rgba(255,255,255,.3);color:#fff}.button-quiet:hover{border-color:#fff}.button-quiet span{margin-left:18px;color:var(--blue-bright)}.hero-badge{position:absolute;right:max(24px,calc((100vw - var(--max))/2));bottom:72px;width:155px;height:155px;border:1px solid rgba(255,255,255,.2);display:grid;place-content:center;text-align:center;transform:rotate(-4deg)}.hero-badge:before{content:"";position:absolute;inset:8px;border:1px solid rgba(20,158,232,.55)}.hero-badge strong{font-family:"Barlow Condensed";font-size:2.5rem;color:var(--blue-bright);line-height:1}.hero-badge span{font-size:.57rem;letter-spacing:.18em;line-height:1.5;margin-top:7px}.scroll-cue{position:absolute;bottom:26px;left:max(24px,calc((100vw - var(--max))/2));font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#91a4b2}.scroll-cue span{color:var(--blue);font-size:1.1rem;margin-left:10px}.trust-strip{background:var(--blue);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);padding:0 max(24px,calc((100vw - var(--max))/2))}.trust-strip div{display:flex;align-items:center;gap:18px;padding:24px 30px;border-right:1px solid rgba(255,255,255,.22)}.trust-strip div:first-child{padding-left:0}.trust-strip strong{font-family:"Barlow Condensed";font-size:1.5rem;color:#072033}.trust-strip span{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.section{max-width:var(--max);margin:auto;padding:120px 24px}.section-heading{display:grid;grid-template-columns:1.5fr .7fr;gap:80px;align-items:end;margin-bottom:60px}.section h2,.estimate h2{font-size:clamp(3rem,6vw,5.2rem)}.section-heading>p{color:#607481;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-card{padding:38px 34px 42px;border-right:1px solid var(--line);position:relative;transition:.25s}.service-card:last-child{border-right:0}.service-card>span{position:absolute;right:24px;top:22px;color:#94a7b4;font-size:.68rem}.service-card:hover{background:#fff;transform:translateY(-6px);box-shadow:0 20px 50px rgba(16,33,48,.08)}.service-icon{font-size:2.4rem;color:var(--blue);height:65px}.service-card h3{font-family:"Barlow Condensed";font-size:2rem;text-transform:uppercase;margin:12px 0}.service-card p{color:#647681;font-size:.93rem;margin:0}.work-section{background:var(--navy);color:#fff;position:relative;overflow:hidden}.work-section:after{content:"CAL NORTH";position:absolute;top:78px;right:-50px;color:rgba(255,255,255,.025);font:800 11rem/1 "Barlow Condensed";white-space:nowrap}.work-inner{position:relative;z-index:2}.section-heading.light>p{color:#9cb0bd}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,260px);gap:14px}.project{position:relative;overflow:hidden;background:linear-gradient(135deg,#16384e,#0c2436);border:1px solid rgba(255,255,255,.08)}.project:before{content:"PROJECT PHOTO";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.16);font:700 1rem "Barlow Condensed";letter-spacing:.35em;background:linear-gradient(145deg,transparent 0 49.6%,rgba(20,158,232,.18) 49.8% 50.2%,transparent 50.4%)}.project-large{grid-row:1/3}.project-number{position:absolute;top:20px;right:20px;font:700 .7rem Inter;color:rgba(255,255,255,.55);z-index:2}.project-label{position:absolute;left:0;bottom:0;right:0;padding:23px;background:linear-gradient(transparent,rgba(3,13,22,.9));display:grid;z-index:2}.project-label strong{font-family:"Barlow Condensed";font-size:1.45rem;text-transform:uppercase}.project-label span{font-size:.72rem;color:#a9bcc8;letter-spacing:.08em}.about{display:grid;grid-template-columns:.85fr 1fr;gap:110px;align-items:center;overflow:hidden}.about-mark{font-family:"Barlow Condensed";font-weight:800;font-size:10rem;color:transparent;-webkit-text-stroke:2px var(--blue);letter-spacing:-.08em;position:relative}.about-mark:after{content:"";height:140%;width:55%;background:var(--navy);position:absolute;left:17%;top:-20%;z-index:-1;transform:skew(-7deg)}.about-copy>p:not(.eyebrow){color:#637681;margin:28px 0}.about-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-weight:600}.about-copy li span{color:var(--blue);margin-right:12px}.estimate{background:var(--navy-2);color:#fff;padding:90px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center}.estimate-copy>p:last-child{color:#a9bac5;max-width:590px}.estimate-card{background:#fff;color:var(--ink);padding:42px}.estimate-kicker{text-transform:uppercase;color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.16em;margin:0}.estimate-card h3{font-family:"Barlow Condensed";text-transform:uppercase;font-size:2.3rem;line-height:1;margin:13px 0}.estimate-card p:not(.estimate-kicker){color:#61737e;font-size:.9rem}.estimate-card .button{margin-top:12px;width:100%}footer{background:#040d14;color:#fff;padding:48px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.footer-brand .brand-mark .cut{fill:#040d14}.footer-note{display:grid;text-align:right}.footer-note strong{font-size:.85rem}.footer-note span,footer>p{font-size:.7rem;color:#8295a2}footer>p{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin:0}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:820px){.site-header{height:72px}.site-header nav{position:absolute;top:72px;left:0;right:0;background:var(--navy);display:none;flex-direction:column;align-items:stretch;padding:15px 24px 28px;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.site-header nav .nav-cta{padding:13px 16px;margin-top:15px;text-align:center;border:0}.menu-button{display:block}.hero{min-height:700px}.hero-content{margin-top:72px}.hero h1{font-size:clamp(4.1rem,20vw,6.2rem)}.hero-badge{display:none}.hero-copy{font-size:1rem}.trust-strip{grid-template-columns:1fr}.trust-strip div,.trust-strip div:first-child{padding:16px 24px;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.section{padding:82px 24px}.section-heading,.about,.estimate{grid-template-columns:1fr;gap:34px}.section-heading{margin-bottom:42px}.service-grid{grid-template-columns:1fr}.service-card{border-right:0;border-bottom:1px solid var(--line);padding-left:10px;padding-right:10px}.project-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,260px)}.project-large{grid-row:auto}.about{gap:55px}.about-mark{font-size:7.5rem;text-align:center}.estimate{padding-top:75px;padding-bottom:75px}.estimate-card{padding:30px}footer{grid-template-columns:1fr}.footer-note{text-align:left}footer>p{grid-column:auto}.hero-actions{align-items:stretch;flex-direction:column;max-width:300px}.scroll-cue{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}