:root{--navy:#101f39;--gold:#e9be61;--ink:#14233b;--muted:#526174;--paper:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white;font-size:16px;line-height:1.6}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #cb8a1d;outline-offset:5px}.skip{position:absolute;left:15px;top:-80px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 5%;border-bottom:1px solid #e2e6eb;background:white}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:64px;height:64px;object-fit:cover;border-radius:10px}.brand span{font-size:23px;font-weight:800;line-height:1.2;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:1.7px;margin-top:6px}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:15px;font-weight:600}.phone{font-weight:700;text-decoration:none;border-bottom:2px solid var(--gold)}.hero{display:grid;grid-template-columns:1.05fr 1fr;background:var(--navy);color:white;min-height:650px}.hero-copy{padding:90px 8% 55px 10%}.eyebrow{font-size:12px;letter-spacing:2.1px;font-weight:700;color:#8b691f;margin:0 0 23px}.hero .eyebrow,.contact .eyebrow{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.5vw,72px);line-height:1.08;letter-spacing:-2.7px;margin-bottom:28px}h1 em{font-style:normal;color:var(--gold)}.intro{font-size:19px;max-width:470px;color:#d5ddeb;line-height:1.75}.actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin-top:35px}.button{background:var(--gold);color:var(--navy);padding:15px 23px;border:1px solid var(--gold);border-radius:4px;font-weight:700;text-decoration:none;font-size:15px;display:inline-block}.button:hover{background:#f2d189}.text-link{font-size:15px;text-underline-offset:6px;font-weight:600}.hero-note{border-top:1px solid #ffffff29;margin-top:60px;padding-top:20px;display:flex;gap:25px;font-size:13px;color:#b9c5d7}.hero-image{position:relative;min-height:550px;overflow:hidden}.hero-image>img{height:100%;width:100%;object-fit:cover}.image-note{position:absolute;bottom:0;left:0;right:0;padding:70px 35px 30px;background:linear-gradient(transparent,#071221dc);font-size:14px}.service-strip{display:flex;justify-content:space-around;gap:25px;flex-wrap:wrap;background:var(--gold);padding:19px 5%;font-size:12px;font-weight:800;letter-spacing:2px}.section{padding:90px 7%;max-width:1550px;margin:auto}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:start}.section-heading .eyebrow{grid-column:1/-1}h2{font-size:clamp(34px,3vw,48px);line-height:1.15;letter-spacing:-1.3px}.section-heading>p:last-child{max-width:390px;font-size:18px;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:38px}.services article{border-top:1px solid #cdd4df;padding-top:24px}.number{color:#8b691f;font-size:14px;font-weight:700}.services h3{font-size:24px;margin:16px 0}.services p{color:var(--muted);max-width:340px}.services a{font-size:14px;font-weight:700;text-underline-offset:5px}.work{background:var(--paper);max-width:none}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.work-heading>p{color:var(--muted);font-size:15px}.gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;margin:30px 0}.project{height:460px;position:relative;padding:0;border:0;background:var(--navy);cursor:pointer;overflow:hidden;border-radius:5px;text-align:left}.project img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.project:hover img{transform:scale(1.035)}.project>span{position:absolute;bottom:0;left:0;width:100%;padding:75px 24px 24px;background:linear-gradient(transparent,#071221ed);font-size:19px;font-weight:600;color:white}.project small{display:block;color:var(--gold);font-size:11px;letter-spacing:1.5px;margin-bottom:7px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.steps article{position:relative;padding-left:46px}.steps span{position:absolute;left:0;top:0;font-size:19px;font-weight:700;color:#8b691f}.steps h3{font-size:19px;margin-bottom:10px}.steps p{color:var(--muted);font-size:15px}.contact{background:var(--navy);color:white;display:grid;grid-template-columns:1.6fr 1fr;padding:85px 7%;gap:65px}.contact h2{font-size:clamp(40px,4vw,60px)}.contact p{color:#c2cedf}.outline{background:transparent;color:white;border-color:#64738a}.outline:hover{background:#ffffff13}.contact-details{border-left:1px solid #ffffff29;padding-left:45px;align-self:center}.contact-details h3{font-size:21px}.contact-details p{font-size:15px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px 7%;font-size:13px}footer p{margin:0}footer>p:first-child{font-weight:700}dialog{border:0;background:var(--navy);color:white;border-radius:6px;padding:25px;width:min(90vw,850px);max-height:95vh;text-align:center}dialog::backdrop{background:#000b}dialog img{max-width:100%;max-height:75vh;object-fit:contain}dialog p{margin:16px 0 0;font-size:14px}#close-photo{position:absolute;right:5px;top:5px;background:white;color:var(--navy);border:0;border-radius:50%;height:36px;width:36px;font-size:27px;cursor:pointer}@media(max-width:850px){header{padding:14px 5%;flex-wrap:wrap}.brand span{font-size:19px}.brand img{width:50px;height:50px}nav{order:3;justify-content:center;width:100%;padding-top:7px;gap:35px}.phone{font-size:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:60px 7% 40px}.hero-image{height:430px;min-height:0}.hero-note{margin-top:35px}.section{padding:60px 7%}.section-heading{display:block}.services,.steps{grid-template-columns:1fr;gap:30px}.services p{max-width:none}.work-heading{display:block}.gallery{grid-template-columns:1fr 1fr}.project{height:360px}.project.large{grid-column:1/-1;height:430px}.project>span{font-size:16px;padding:60px 18px 18px}.contact{grid-template-columns:1fr;padding:60px 7%;gap:35px}.contact-details{border-left:0;border-top:1px solid #ffffff29;padding:30px 0 0}.service-strip{font-size:10px;gap:15px}.steps{margin-top:30px}footer{display:block}footer p,footer>a{display:block;margin-bottom:8px}}@media(max-width:420px){h1{font-size:42px;letter-spacing:-1.8px}.brand small{font-size:9px}.phone{font-size:12px}.brand span{font-size:17px}.hero-note{display:block}.hero-note span{display:block;margin-top:6px}.gallery{grid-template-columns:1fr}.project.large{height:380px}.project{height:400px}.button{width:100%;text-align:center}.actions{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project img{transition:none}}
/* United immersive construction direction */
:root{--navy:#0b1119;--gold:#ffc84b;--ink:#f3f4f5;--muted:#a0a9b7;--paper:#121a24}body{background:#0b1119;color:var(--ink)}header{background:#0b1119eF;color:white;border-color:#ffffff18;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand img{border-radius:0}.brand span{font-weight:900}.phone{color:var(--gold)}.hero{position:relative;min-height:calc(100svh - 100px);overflow:hidden;grid-template-columns:1.15fr 1fr;background:#0b1119}.hero-copy{padding-top:80px;position:relative;z-index:2}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-size:clamp(64px,7.2vw,112px);letter-spacing:-1px;line-height:.98}.hero .intro{font-size:17px;max-width:410px}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1119 0%,transparent 45%),linear-gradient(0deg,#0b1119 0%,transparent 30%)}.hero-image>img{filter:brightness(.76)}.image-note{z-index:2;font-size:11px;letter-spacing:2px}.hero-watermark{position:absolute;bottom:-55px;left:3%;font-size:clamp(140px,24vw,360px);font-family:Impact,'Arial Narrow',sans-serif;line-height:1;color:#ffffff05;pointer-events:none;z-index:1}.hero-note{letter-spacing:1.5px;font-size:11px}.button{border-radius:0;text-transform:uppercase;letter-spacing:1px;font-size:12px;padding:18px 24px}.service-strip{padding:23px 5%;letter-spacing:2px;color:#0b1119}.scroll-story{position:relative;isolation:isolate}.scene-backgrounds{height:100svh;position:sticky;top:0;overflow:hidden;z-index:-1;margin-bottom:-100svh}.scene-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity .8s ease,transform 1.5s ease;filter:brightness(.7)}.scene-bg.active{opacity:1;transform:scale(1)}.scene-bg[data-bg="1"],.scene-bg[data-bg="2"]{background-position:72% 45%}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,17,.95),rgba(5,10,17,.65) 48%,rgba(5,10,17,.16)),linear-gradient(0deg,#050a1166,transparent 40%)}.planning-bg:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffc84b15 1px,transparent 1px),linear-gradient(90deg,#ffc84b15 1px,transparent 1px);background-size:65px 65px}.scene-index{position:absolute;bottom:35px;left:7%;color:#e0e5ee;display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:2px}.scene-index span{color:var(--gold);font-size:23px}.scene-index i{width:65px;height:1px;background:var(--gold);display:block}.scene{min-height:110svh;display:flex;align-items:center;padding:130px 7% 100px}.scene-content{max-width:690px}.scene h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(55px,6.7vw,98px);line-height:1.02;letter-spacing:-.5px;color:white;margin-bottom:27px}.scene h2 em{font-style:normal;color:var(--gold)}.scene p:not(.eyebrow){max-width:430px;font-size:18px;line-height:1.8;color:#d4d9e2}.scene .eyebrow{color:var(--gold);font-size:11px}.scene .outline{border:1px solid #ffffff80;background:#0b111935}.scene-foot{display:block;margin-top:50px;font-size:10px;letter-spacing:1.6px;color:#aab2bf}.work{background:#101823}.work h2,.process h2,.contact h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:clamp(42px,4.5vw,68px);letter-spacing:0}.eyebrow{color:var(--gold)}.project{border-radius:0;height:520px}.project>span{font-family:Arial,sans-serif}.process{background:#0b1119;max-width:none}.steps{border-top:1px solid #ffffff26;padding-top:40px}.steps span{color:var(--gold)}.contact{background:#18222e;border-top:1px solid #ffffff25}.contact-details{border-color:#ffffff25}footer{background:#080d14;color:#b4becb}.text-link:hover,nav a:hover{color:var(--gold)}@media(max-width:850px){header{position:sticky}.hero{min-height:0}.hero-copy{padding:65px 7% 45px}.hero h1{font-size:clamp(62px,11vw,90px)}.hero-image{height:460px}.hero-image:after{background:linear-gradient(180deg,#0b1119,transparent 35%,#0b111944)}.hero-watermark{display:none}.scene{padding:155px 7% 110px;min-height:105svh}.scene h2{font-size:clamp(48px,9.3vw,77px)}.scene-shade{background:linear-gradient(90deg,#050a11e8,#050a1180),linear-gradient(0deg,#050a11aa,transparent)}.scene-bg[data-bg="1"],.scene-bg[data-bg="2"]{background-position:58% center}.scene p:not(.eyebrow){font-size:17px}.scene-index{bottom:22px;font-size:9px}.project{height:430px}.project.large{height:460px}}@media(max-width:420px){.hero h1{font-size:59px}.scene h2{font-size:47px}.scene-foot{font-size:9px}.scene .eyebrow{letter-spacing:1.3px}.scene-index i{width:30px}.phone{font-size:11px}.hero-image{height:370px}}@media(prefers-reduced-motion:reduce){.scene-bg{transition:none;transform:none}.scene-bg.active{transform:none}}
/* Continuous transitions follow scroll position instead of timed switches. */
.scene-bg{transition:none;will-change:opacity,transform;transform-origin:center}.scene-bg.active{transform:none}.scene-content{will-change:opacity,transform}.scene-content:focus-within{opacity:1!important;transform:none!important}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--gold);z-index:40;transform:scaleX(0);transform-origin:left;pointer-events:none;box-shadow:0 0 14px #ffc84b75}.scroll-reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease var(--reveal-delay,0ms),transform .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.scroll-reveal.revealed,.scroll-reveal:focus-within{opacity:1;transform:none}.project img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.project:hover img{transform:scale(1.065)}.button{transition:background .25s,color .25s,border-color .25s,transform .25s}.button:hover{transform:translateY(-3px)}.hero-copy{animation:hero-enter 1s cubic-bezier(.2,.7,.2,1) both}.hero-image>img{animation:hero-image-enter 1.5s ease both}@keyframes hero-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-image-enter{from{opacity:.2;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}.hero-copy,.hero-image>img{animation:none}.button,.project img{transition:none}.button:hover{transform:none}.scene-content{opacity:1!important;transform:none!important}}

/* Cinematic edition: full-bleed imagery, architectural typography and directional scene wipes. */
.hero{display:block;min-height:calc(100svh - 90px);background:#080d14}.hero-image{position:absolute;inset:0;height:100%;min-height:0;z-index:0}.hero-image>img{object-position:75% 48%;filter:brightness(.8);transform-origin:75% center}.hero-image:after{background:linear-gradient(90deg,#080d14f5 5%,#080d14a6 48%,#080d1415 85%),linear-gradient(0deg,#080d14 0%,transparent 35%)}.hero-copy{padding:9vh 7% 100px;max-width:1000px}.hero h1{font-size:clamp(76px,9.2vw,148px);line-height:.92;letter-spacing:-2px}.hero .intro{margin-top:30px;max-width:400px}.hero-note{max-width:470px}.image-note{left:auto;width:auto;padding:0;right:5%;bottom:45px;background:none;color:#ffffff99;writing-mode:vertical-rl}.hero-watermark{left:auto;right:4%;bottom:15px;font-size:13vw;color:transparent;-webkit-text-stroke:1px #ffffff20}.service-strip{background:#0c141f;color:#d6dbe2;border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22;padding:28px 5%;font-size:11px}.service-strip span:before{content:'✦';color:var(--gold);margin-right:20px}.scene{min-height:125svh}.scene-content{max-width:800px}.scene h2{font-size:clamp(64px,7.8vw,120px);line-height:.94;letter-spacing:-1px}.scene-shade{background:linear-gradient(90deg,#050a11ee 5%,#050a1199 52%,#050a1110),linear-gradient(0deg,#050a1199,transparent 35%)}.scene-bg{filter:brightness(.85);will-change:clip-path,transform}.scene-content .eyebrow{display:flex;align-items:center;gap:16px}.scene-content .eyebrow:before{content:'';width:40px;height:2px;background:var(--gold)}.scene-index{bottom:35px;right:7%;left:auto;letter-spacing:3px}.scene-index i{width:80px}.scene-big-number{position:absolute;top:14%;right:6%;font:clamp(100px,22vw,330px)/1 Impact,'Arial Narrow',sans-serif;color:transparent;-webkit-text-stroke:1px #ffffff25;pointer-events:none}.scene-rail{position:absolute;left:7%;bottom:35px;display:flex;gap:10px}.scene-rail span{width:38px;height:3px;background:#ffffff30;transition:background .4s}.scene-rail span.current{background:var(--gold)}.word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.1em;margin-bottom:-.1em}.word-mask>span{display:inline-block;will-change:transform}.work{padding-top:120px;padding-bottom:120px;background:linear-gradient(145deg,#16202e,#080e16)}.work h2{font-size:clamp(60px,7vw,100px);max-width:650px;line-height:.96}.gallery{gap:18px;margin:60px 0 45px;align-items:start}.project{height:520px;border:1px solid #ffffff16}.project.large{height:650px}.project:nth-child(2){margin-top:100px}.project:nth-child(3){margin-top:200px}.project>span{padding:100px 25px 30px;font-size:21px}.project:after{content:'↗';position:absolute;top:20px;right:20px;border:1px solid #ffffff70;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:white;font-size:22px;transition:background .3s,transform .3s}.project:hover:after{background:var(--gold);color:#080d14;transform:rotate(45deg)}.process{padding-top:100px;padding-bottom:110px}.steps article{padding:25px 0 0;border-top:1px solid #ffffff20}.steps span{position:static;display:block;font-family:Impact,sans-serif;font-size:65px;line-height:1;margin-bottom:25px;color:transparent;-webkit-text-stroke:1px var(--gold)}.steps{border:0;padding-top:0}.contact{position:relative;background:radial-gradient(ellipse at 100% 100%,#ffc84b18,transparent 60%),#121b27;padding-top:110px;padding-bottom:110px}.contact h2{font-size:clamp(65px,7vw,105px);line-height:.94}.button{position:relative;overflow:hidden}.button:hover{box-shadow:0 8px 32px #ffc84b20}.outline:hover{border-color:var(--gold);color:var(--gold)}header{transition:padding .4s,background .4s}header.compact{padding-top:10px;padding-bottom:10px;background:#080d14f2}.scroll-cue{position:absolute;right:6%;bottom:90px;z-index:3;color:var(--gold);font-size:11px;letter-spacing:3px;text-decoration:none;display:flex;align-items:center;gap:15px}.scroll-cue:before{content:'';height:65px;width:1px;background:linear-gradient(transparent,var(--gold));animation:cue-pulse 2s ease infinite}@keyframes cue-pulse{50%{transform:scaleY(.6);opacity:.5}}
@media(max-width:850px){.hero{min-height:calc(100svh - 130px)}.hero-copy{padding:70px 7% 110px;max-width:90%}.hero h1{font-size:clamp(66px,12vw,105px)}.hero-image{height:100%}.hero-image>img{object-position:65% center}.hero-image:after{background:linear-gradient(90deg,#080d14dc,#080d1460),linear-gradient(0deg,#080d14,transparent 60%)}.hero .intro{font-size:16px}.image-note,.hero-watermark,.scroll-cue{display:none}.scene{min-height:115svh}.scene h2{font-size:clamp(49px,10vw,80px)}.scene-big-number{top:12%;font-size:38vw;opacity:.6}.scene-index{font-size:8px;right:7%;bottom:25px}.scene-rail{bottom:65px}.gallery{grid-template-columns:1fr 1fr}.project.large{height:500px}.project:nth-child(2),.project:nth-child(3){margin-top:0;height:430px}.work{padding-top:80px;padding-bottom:80px}.work h2{font-size:65px}.service-strip span:before{margin-right:8px}.contact h2{font-size:65px}}
@media(max-width:420px){.hero-copy{max-width:100%;padding-top:55px}.hero h1{font-size:62px}.scene h2{font-size:49px}.scene{padding-top:160px;padding-bottom:120px}.gallery{grid-template-columns:1fr}.project.large,.project:nth-child(2),.project:nth-child(3){height:460px}.scene-index i{width:25px}.hero-note{font-size:10px}.contact h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){.scroll-cue:before{animation:none}.scene-bg{will-change:auto}.word-mask>span{transform:none!important}.hero-image>img{transform:none!important}header,.scene-rail span{transition:none}}

.scene-shade{z-index:5}.scene-index,.scene-big-number,.scene-rail{z-index:6}

.hero-image>img{animation:none;will-change:transform}