:root{--navy:#061d2e;--navy2:#103650;--orange:#f46a1f;--cream:#f3f0e8;--ink:#0b2134;--muted:#60707c;--line:#d4d9d8;--white:#fff;--green:#08aa72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55}a{text-decoration:none;color:inherit}.site-header{height:96px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:white;position:sticky;top:0;z-index:30;border-bottom:1px solid #eee}.logo img{width:205px;height:70px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:28px;font-weight:700;font-size:14px}.header-cta{background:var(--orange);color:white;padding:26px 27px}.header-cta b{margin-left:12px}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:805px;display:grid;grid-template-columns:54% 46%;background:var(--navy);color:white}.hero-copy{padding:105px 4% 55px 8%;display:flex;flex-direction:column}.overline,.section-tag{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.overline{display:flex;align-items:center;gap:12px}.overline i,.section-tag:before{content:"";display:inline-block;width:35px;height:2px;background:var(--orange);margin-right:12px;vertical-align:middle}.hero h1{font-size:clamp(58px,6.2vw,100px);font-weight:400;line-height:.98;letter-spacing:-.055em;margin:35px 0}.hero h1 span,.buildos h2 span{color:var(--orange)}.hero-copy>p{font-size:20px;color:#d4e0e7;max-width:670px}.hero-actions{display:flex;gap:28px;align-items:center;margin:35px 0}.btn{display:inline-block;padding:20px 26px;font-weight:800}.orange{background:var(--orange);color:white}.watch{font-weight:800}.watch>b{border:1px solid #7890a0;border-radius:50%;padding:13px;margin-right:10px}.hero-trust{display:flex;gap:28px;margin-top:auto;font-size:13px;font-weight:800;color:#c4d2da}.hero-visual{background:var(--navy2);position:relative;overflow:hidden}.city-lines{position:absolute;inset:40% 0 0;background:repeating-linear-gradient(90deg,transparent 0 20%,#315875 20% 20.3%);opacity:.8;transform:perspective(600px) rotateX(35deg);transform-origin:bottom}.project-card{position:absolute;top:210px;left:7%;width:74%;padding:35px;background:white;color:var(--ink)}.project-card>div{display:flex;justify-content:space-between}.project-card i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px #d9f3ea;margin-right:8px}.project-card small{font-size:10px;color:#87929a;letter-spacing:.14em}.project-card h3{font-size:25px;font-weight:400;margin:42px 0}.project-card p{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.project-card p strong{color:var(--orange)}.bar{height:8px;background:#dfe5e8}.bar span{display:block;width:62%;height:100%;background:var(--orange)}.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.stages span{border-top:2px solid var(--green);padding-top:8px;color:var(--green)}.stages span.active{border-color:var(--orange);color:var(--orange)}.stages span:last-child{border-color:#d3d9dc;color:#8a969e}.stages small{display:block;color:inherit;margin-top:6px;letter-spacing:0}.mini-card,.verify{position:absolute;background:white;color:var(--ink);padding:24px 28px;display:flex;flex-direction:column}.mini-card{top:62%;left:15%;width:39%}.verify{top:73%;right:6%;width:31%}.mini-card small,.verify small{color:#84919b;font-size:9px;letter-spacing:.12em}.verify span{font-size:9px;color:#74818a}.service-strip{background:var(--orange);color:white;text-align:center;padding:25px;font-weight:800;letter-spacing:.1em;word-spacing:22px}.service-strip i{opacity:.6}.cream{background:var(--cream)}.about,.services,.buildos,.team,.packages,.why{padding:105px 6%}.about{display:grid;grid-template-columns:26% 40% 34%;gap:0}.about .section-tag{align-self:end;padding-bottom:60px}.about>h2,.section-intro h2,.buildos h2,.team h2,.packages>h2,.why h2,.contact h2{font-size:clamp(46px,5.3vw,82px);line-height:.98;letter-spacing:-.055em;font-weight:400;margin:20px 0}.about>p{font-size:18px;color:var(--muted);align-self:end;padding:0 30px 55px}.principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line)}.principles article{padding:44px 4%;border-right:1px solid var(--line)}.principles small,.service-grid small{color:var(--orange);font-weight:800}.principles p,.service-grid p,.buildos p,.team-lead,.team article p,.package-lead,.price-grid p,.why p{color:var(--muted)}.dark{background:var(--navy);color:white}.services .section-intro{display:grid;grid-template-columns:26% 44% 30%;align-items:end}.services .section-tag{grid-column:1}.section-intro h2{grid-column:2;margin:0}.section-intro>p{grid-column:3;color:#b6c7d1;font-size:18px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px}.service-grid article{min-height:360px;border-right:1px solid #244055;border-top:1px solid #244055;padding:38px 5%;position:relative}.service-grid article>b{display:block;color:var(--orange);font-size:30px;margin:15px 0}.service-grid h3{font-size:25px}.service-grid p{color:#b8c9d3}.service-grid a{position:absolute;bottom:35px;color:var(--orange);font-weight:800}.buildos{display:grid;grid-template-columns:52% 48%;gap:5%;align-items:center}.buildos h2{font-size:clamp(55px,6vw,91px)}.buildos>div:first-child>p{font-size:18px;max-width:750px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.feature-list b{font-size:13px}.control-wrap{background:var(--orange);padding:0 22px 22px 0}.control{background:var(--navy);color:white;padding:55px;transform:translate(-22px,-22px)}.control>small{color:var(--orange);font-weight:bold;letter-spacing:.15em}.control h3{font-size:32px;font-weight:400}.control>p{font-size:11px;margin-top:60px}.control>strong{font-size:18px;display:flex;justify-content:space-between}.control em{font-size:35px;color:var(--orange);font-style:normal}.control .bar{margin:15px 0}.control-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;color:#74d0b0}.control-stages small{display:block;color:white;font-size:9px}.control-stages span:last-child,.control-stages span:last-child small{color:var(--orange)}.control article{margin-top:35px;background:white;color:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:20px}.control article p{margin:0}.control article small,.control article b{display:block}.team{background:white}.team>h2{margin-bottom:12px}.team-lead{font-size:19px;max-width:680px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}.team-grid article{border-top:4px solid var(--orange);background:var(--cream);padding-bottom:25px}.portrait{height:330px;background:white;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.team article>small,.team article>h3,.team article>p{display:block;margin-left:22px;margin-right:22px}.team article>small{color:var(--orange);font-weight:800;letter-spacing:.1em;margin-top:22px}.team article>h3{font-size:21px;line-height:1.2}.packages{text-align:center}.centered:before{display:none}.packages>h2{margin:35px auto}.package-lead{font-size:18px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:65px auto 0;max-width:1400px;text-align:left}.price-grid article{background:white;border:1px solid var(--line);padding:48px;position:relative}.price-grid .popular{background:var(--navy);color:white}.popular>span{position:absolute;right:0;top:0;background:var(--orange);padding:12px 18px;font-size:10px;font-weight:800;letter-spacing:.1em}.price-grid h3{font-size:27px;font-weight:400}.price{font-size:34px;font-weight:800;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.price small{display:block;font-size:12px;font-weight:400;color:var(--muted)}.price-grid ul{list-style:none;padding:20px 0;min-height:220px}.price-grid li{margin:18px 0}.price-grid li:before{content:"✓";color:var(--orange);margin-right:14px}.price-grid a{display:block;border:1px solid var(--ink);text-align:center;padding:16px;font-weight:800}.popular a{background:var(--orange);border-color:var(--orange)}.why{display:grid;grid-template-columns:58% 42%;align-items:center;gap:6%}.why>div>p{font-size:18px;max-width:770px}.why-points{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:45px;padding-top:28px}.why-points b{display:block}.why-points span{font-size:12px;color:var(--muted)}blockquote{margin:0;background:var(--orange);color:white;font-size:27px;padding:60px;box-shadow:24px 24px 0 var(--navy)}blockquote small{display:block;margin-top:55px;font-size:10px;font-weight:800;letter-spacing:.14em}.contact{background:var(--navy2);color:white;padding:100px 7%;display:flex;justify-content:space-between;align-items:center}.contact small{color:var(--orange);font-weight:800;letter-spacing:.14em}.contact h2{margin-bottom:0}.contact .btn{font-size:18px;padding:25px 35px}footer{background:#031421;color:white;padding:55px 6%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center;font-size:12px}footer img{width:220px;height:80px;object-fit:contain;background:white}footer p:last-child{text-align:right}footer a{color:white}
@media(max-width:1000px){.site-header nav{display:none;position:absolute;top:96px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:20px}.site-header nav.open{display:flex}.menu{display:block}.header-cta{text-align:center}.hero{grid-template-columns:1fr}.hero-visual{min-height:600px}.about,.services .section-intro,.buildos,.why{grid-template-columns:1fr}.about .section-tag,.about>h2,.about>p,.section-intro h2,.section-intro>p{grid-column:auto}.about>p{padding:0}.team-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr}.why blockquote{margin-top:30px}.contact{align-items:flex-start;gap:30px}}
@media(max-width:650px){.site-header{height:76px;padding:0 18px}.site-header nav{top:76px}.logo img{width:155px;height:56px}.hero-copy{padding:70px 20px 40px}.hero h1{font-size:55px}.hero-copy>p{font-size:17px}.hero-actions,.contact{flex-direction:column;align-items:stretch}.hero-trust{flex-direction:column}.project-card{left:5%;width:90%;padding:22px}.mini-card{left:5%;width:55%}.verify{right:5%;width:45%}.service-strip{font-size:10px;word-spacing:4px}.about,.services,.buildos,.team,.packages,.why{padding:75px 20px}.about>h2,.section-intro h2,.buildos h2,.team h2,.packages>h2,.why h2,.contact h2{font-size:47px}.principles,.service-grid,.team-grid,.feature-list,.why-points{grid-template-columns:1fr}.service-grid article{min-height:310px}.control{padding:25px}.portrait{height:390px}.price-grid article{padding:30px}blockquote{font-size:22px;padding:35px;box-shadow:12px 12px 0 var(--navy)}footer{grid-template-columns:1fr}footer p:last-child{text-align:left}}

/* Official logo sizing — the source artwork has been tightly cropped for visibility. */
.logo img{width:250px;height:78px}
footer img{width:265px;height:96px}
@media(max-width:650px){.logo img{width:185px;height:60px}}

/* Final identity and leadership alignment */
.logo img{width:290px;height:82px;filter:contrast(1.18) saturate(1.12)}
.team-grid{align-items:stretch}
.team-grid article{display:flex;flex-direction:column}
.team-grid article>p{margin-top:auto}
.portrait{height:350px;background:var(--cream);display:flex;align-items:flex-end;justify-content:center}
.portrait img{mix-blend-mode:multiply;object-fit:contain;object-position:center bottom;transform-origin:center bottom}
.team-grid article:nth-child(1) .portrait img{transform:scale(1.28)}
.team-grid article:nth-child(2) .portrait img{transform:scale(1.22)}
.team-grid article:nth-child(3) .portrait img{transform:scale(1.10)}
.team-grid article:nth-child(4) .portrait img{transform:scale(1.04)}
footer img{width:290px;height:108px;background:transparent;filter:brightness(0) invert(1) contrast(1.35)}
@media(max-width:650px){.logo img{width:205px;height:64px}.portrait{height:390px}}

/* Leadership portrait balance and transparent-brand final pass */
.portrait{height:360px;background:#fff}
.portrait img{mix-blend-mode:normal;object-fit:contain;object-position:center bottom}
.team-grid article:nth-child(1) .portrait img{transform:scale(1.04)}
.team-grid article:nth-child(2) .portrait img{transform:scale(1.02)}
.team-grid article:nth-child(3) .portrait img{transform:scale(1.10)}
.team-grid article:nth-child(4) .portrait img{transform:scale(1.04)}
.site-header .logo img{width:300px;height:86px}
footer img{background:transparent!important;width:300px;height:112px}
@media(max-width:650px){.portrait{height:390px}.site-header .logo img{width:210px;height:66px}}

/* Engineering-led visual backgrounds */
.hero{background-image:linear-gradient(90deg,rgba(3,20,33,.98) 0%,rgba(6,29,46,.95) 46%,rgba(9,43,66,.68) 100%),url('timbrown-engineering-background-v1.png');background-size:cover;background-position:center}
.hero-copy{background:transparent}
.hero-visual{background:rgba(6,29,46,.24);backdrop-filter:saturate(.85)}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,29,46,.12),rgba(6,29,46,.45));pointer-events:none}
.hero-visual>article{z-index:2}
.city-lines{z-index:1;opacity:.42}
.about,.packages,.why{background-color:var(--cream);background-image:linear-gradient(rgba(11,33,52,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,33,52,.035) 1px,transparent 1px);background-size:42px 42px}
.services.dark{background-image:linear-gradient(rgba(3,20,33,.93),rgba(6,29,46,.96)),url('timbrown-engineering-background-v1.png');background-size:cover;background-position:center;background-attachment:fixed}
.buildos{background-image:linear-gradient(90deg,rgba(243,240,232,.98) 0%,rgba(243,240,232,.94) 58%,rgba(243,240,232,.84) 100%),url('timbrown-engineering-background-v1.png');background-size:cover;background-position:center}
.team{background-image:linear-gradient(rgba(255,255,255,.96),rgba(255,255,255,.96)),linear-gradient(rgba(244,106,31,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(11,33,52,.08) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px}
.contact{background-image:linear-gradient(90deg,rgba(5,31,49,.96),rgba(16,54,80,.78)),url('timbrown-engineering-background-v1.png');background-size:cover;background-position:center 58%}
@media(max-width:1000px){.services.dark{background-attachment:scroll}.hero{background-position:62% center}}

/* Construction journey carousel */
.project-showcase{background:var(--navy);color:#fff}
.carousel{height:clamp(620px,72vw,820px);position:relative;overflow:hidden;isolation:isolate}
.carousel-slides,.carousel-slide{position:absolute;inset:0;margin:0}
.carousel-slide{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}
.carousel-slide.active{opacity:1;visibility:visible;z-index:1}
.carousel-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,33,.94) 0%,rgba(6,29,46,.72) 44%,rgba(6,29,46,.15) 72%,rgba(3,20,33,.46) 100%)}
.carousel-slide img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.025);transition:transform 6s ease}
.carousel-slide.active img{transform:scale(1)}
.carousel-slide figcaption{position:absolute;right:6%;bottom:112px;z-index:2;width:min(390px,38vw);padding:24px 26px;background:rgba(3,20,33,.88);border-left:5px solid var(--orange);box-shadow:0 16px 50px rgba(0,0,0,.28)}
.carousel-slide figcaption span,.carousel-slide figcaption b,.carousel-slide figcaption small{display:block}
.carousel-slide figcaption span{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.15em}
.carousel-slide figcaption b{font-size:23px;line-height:1.15;margin:8px 0}
.carousel-slide figcaption small{color:#d3dfe6;font-size:13px;line-height:1.5}
.carousel-overlay{position:absolute;inset:0;z-index:3;padding:100px 7% 120px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.carousel-overlay>div{max-width:720px}
.carousel-overlay small{color:var(--orange);font-weight:900;letter-spacing:.14em}
.carousel-overlay h2{font-size:clamp(54px,6vw,92px);font-weight:400;letter-spacing:-.055em;line-height:.98;margin:28px 0}
.carousel-overlay p{font-size:18px;color:#d7e2e8;max-width:560px}
.carousel-overlay .btn{pointer-events:auto;align-self:center;margin-left:40px;min-width:285px;text-align:center}
.carousel-controls{position:absolute;left:7%;right:6%;bottom:34px;z-index:5;display:flex;align-items:center;gap:16px}
.carousel-arrow{width:48px;height:48px;border:1px solid rgba(255,255,255,.58);background:rgba(3,20,33,.55);color:#fff;font-size:22px;cursor:pointer;transition:.2s}
.carousel-arrow:hover,.carousel-arrow:focus{background:var(--orange);border-color:var(--orange)}
.carousel-dots{display:flex;align-items:center;gap:9px}
.carousel-dots button{width:28px;height:4px;padding:0;border:0;background:rgba(255,255,255,.42);cursor:pointer;transition:.25s}
.carousel-dots button.active{width:48px;background:var(--orange)}

/* Black footer identity on a clean light background */
footer{background:var(--cream);color:#050505;border-top:8px solid var(--orange)}
footer img{background:transparent!important;filter:brightness(0)!important;width:320px;height:118px;object-fit:contain;object-position:left center}
footer a{color:#050505;font-weight:700}
footer p{font-weight:600}

@media(max-width:1000px){
  .carousel{height:760px}
  .carousel-overlay{align-items:flex-start;flex-direction:column;justify-content:center;padding-top:70px;padding-bottom:180px}
  .carousel-overlay .btn{margin:25px 0 0;align-self:flex-start}
  .carousel-slide figcaption{right:5%;bottom:90px;width:48vw}
}
@media(max-width:650px){
  .carousel{height:720px}
  .carousel-slide:after{background:linear-gradient(180deg,rgba(3,20,33,.86),rgba(3,20,33,.40) 54%,rgba(3,20,33,.92))}
  .carousel-overlay{padding:55px 20px 220px;justify-content:flex-start}
  .carousel-overlay h2{font-size:48px;margin:20px 0}
  .carousel-overlay p{font-size:16px}
  .carousel-overlay .btn{min-width:0;width:100%;margin-top:18px}
  .carousel-slide figcaption{left:20px;right:20px;bottom:78px;width:auto;padding:18px 20px}
  .carousel-slide figcaption b{font-size:19px}
  .carousel-slide figcaption small{font-size:12px}
  .carousel-controls{left:20px;right:20px;bottom:20px;gap:10px}
  .carousel-arrow{width:42px;height:42px;flex:0 0 auto}
  .carousel-dots{gap:5px;flex:1;justify-content:center}
  .carousel-dots button{width:12px}.carousel-dots button.active{width:25px}
  footer img{width:270px;height:100px}
}

/* Final automatic full-image carousel treatment */
.project-showcase{padding:0}
.carousel{height:clamp(650px,68vw,820px);background:#031421}
.carousel-slide{transition:opacity 1.05s ease,visibility 1.05s ease}
.carousel-slide:after{background:linear-gradient(90deg,rgba(3,20,33,.90) 0%,rgba(6,29,46,.68) 47%,rgba(3,20,33,.18) 78%,rgba(3,20,33,.32) 100%)}
.carousel-slide figcaption{display:none}
.carousel-overlay{inset:0;padding:80px 7% 115px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;pointer-events:none}
.carousel-overlay>div{max-width:820px}
.carousel-overlay h2{font-size:clamp(62px,6.5vw,104px);line-height:.94;color:#fff;text-shadow:0 4px 28px rgba(0,0,0,.52);margin:24px 0}
.carousel-overlay p{font-size:20px;max-width:610px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.carousel-overlay .btn{align-self:flex-start;min-width:310px;margin:26px 0 0;pointer-events:auto;box-shadow:0 12px 35px rgba(0,0,0,.24)}
.carousel-controls{left:7%;right:7%;bottom:42px;justify-content:flex-start}
.carousel-dots button{background:rgba(255,255,255,.65)}
.carousel-dots button.active{background:var(--orange)}

/* White footer with solid black identity */
footer{background:#fff!important;color:#050505!important;border-top:8px solid var(--orange)}
footer img{filter:none!important;background:transparent!important}
footer a{color:#050505!important}
.facebook-link{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:10px 15px;background:var(--navy);color:#fff!important;border-radius:2px;font-weight:800;transition:background .2s ease,transform .2s ease}
.facebook-link span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:17px;font-weight:900}
.facebook-link:hover,.facebook-link:focus{background:var(--orange);transform:translateY(-2px)}

/* Full-width website with one consistent 80% content line */
:root{--site-gutter:10%}
body{background:#fff}
.site-header,main,footer{width:100%;max-width:none;margin:0}
.site-header{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.hero{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.hero-copy{padding-left:0}
.service-strip-inner{width:80%;margin:0 auto}
.about,.services,.buildos,.team,.packages,.why{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.buildos{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.why{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.carousel-overlay{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.carousel-controls{left:var(--site-gutter);right:var(--site-gutter)}
footer{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}

/* Automatic homepage service slideshow */
.hero{position:relative;overflow:hidden;background-image:none!important;isolation:isolate}
.hero-service-slides,.hero-service-slide{position:absolute;inset:0;margin:0}
.hero-service-slides{z-index:0}
.hero-service-slide{opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 1.1s ease}
.hero-service-slide.active{opacity:1;visibility:visible}
.hero-service-slide img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.035);transition:transform 5.2s ease}
.hero-service-slide.active img{transform:scale(1)}
.hero-service-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,33,.96) 0%,rgba(6,29,46,.83) 50%,rgba(3,20,33,.40) 100%)}
.hero-service-slide figcaption{position:absolute;right:4%;bottom:38px;z-index:2;padding:12px 16px;background:rgba(3,20,33,.76);border-left:4px solid var(--orange);color:#fff;font-size:13px;font-weight:800;letter-spacing:.03em}
.hero-service-slide figcaption{right:var(--site-gutter)}
.hero-service-slide figcaption span{color:var(--orange);margin-right:10px;font-size:10px;letter-spacing:.14em}
.hero-copy,.hero-visual{position:relative;z-index:2}
.hero-visual{background:rgba(6,29,46,.24)}

@media(max-width:650px){
  .hero-service-slide figcaption{right:20px;bottom:18px;font-size:11px}
}

@media(max-width:1000px){
  .carousel{height:760px}
  .carousel-overlay{padding:70px 6% 130px;justify-content:center}
  .carousel-overlay .btn{margin-top:24px}
}
@media(max-width:650px){
  :root{--site-gutter:10%}
  .site-header{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
  .hero{padding-left:0;padding-right:0}
  .hero-copy{margin-left:var(--site-gutter);margin-right:var(--site-gutter);padding-left:0;padding-right:0}
  .hero-visual{margin-left:var(--site-gutter);margin-right:var(--site-gutter)}
  .about,.services,.buildos,.team,.packages,.why{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
  footer{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
  .carousel{height:700px}
  .carousel-slide:after{background:linear-gradient(180deg,rgba(3,20,33,.78) 0%,rgba(3,20,33,.58) 55%,rgba(3,20,33,.82) 100%)}
  .carousel-overlay{padding:55px var(--site-gutter) 115px;justify-content:center}
  .carousel-overlay h2{font-size:52px;line-height:.97}
  .carousel-overlay p{font-size:16px}
  .carousel-overlay .btn{width:100%;min-width:0}
  .carousel-controls{left:var(--site-gutter);right:var(--site-gutter);bottom:25px}
}

/* Automatic Our Services carousel — full-width imagery, aligned 80% content */
.services{padding:105px 0 0}
.services-heading{width:80%;margin:0 auto}
.services .section-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.75fr);gap:6%;align-items:end}
.services .section-intro h2{grid-column:1;margin:0}
.services .section-intro>p{grid-column:2;margin:0;color:#d1dde4;font-size:18px}
.services-carousel{height:650px;margin-top:70px;position:relative;overflow:hidden;isolation:isolate;background:#031421;outline:none}
.service-slides,.service-slide{position:absolute;inset:0}
.service-slide{opacity:0;visibility:hidden;transition:opacity 1.05s ease,visibility 1.05s ease}
.service-slide.active{opacity:1;visibility:visible;z-index:1}
.service-slide img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.035);transition:transform 5.3s ease}
.service-slide.active img{transform:scale(1)}
.service-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,33,.95) 0%,rgba(6,29,46,.82) 48%,rgba(3,20,33,.26) 78%,rgba(3,20,33,.38) 100%)}
.service-slide-content{position:relative;z-index:2;width:80%;height:100%;margin:0 auto;display:flex;align-items:center;padding-bottom:55px}
.service-slide-content>div{max-width:680px}
.service-slide-content small{display:block;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.16em}
.service-slide-content h3{margin:20px 0;font-size:clamp(48px,5.3vw,80px);font-weight:400;line-height:.98;letter-spacing:-.045em;color:#fff}
.service-slide-content p{max-width:610px;margin:0 0 30px;color:#e0e8ed;font-size:19px;line-height:1.55}
.service-slide-content .btn{font-size:14px}
.services-controls{position:absolute;left:10%;right:10%;bottom:38px;z-index:4;display:flex;align-items:center;gap:15px}
.services-arrow{width:48px;height:48px;flex:0 0 auto;border:1px solid rgba(255,255,255,.62);background:rgba(3,20,33,.58);color:#fff;font-size:22px;cursor:pointer;transition:.2s}
.services-arrow:hover,.services-arrow:focus{background:var(--orange);border-color:var(--orange)}
.services-dots{display:flex;align-items:center;gap:8px}
.services-dots button{width:30px;height:4px;padding:0;border:0;background:rgba(255,255,255,.48);cursor:pointer;transition:.25s}
.services-dots button.active{width:50px;background:var(--orange)}

@media(max-width:1000px){
  .services{padding:85px 0 0}
  .services .section-intro{grid-template-columns:1fr;gap:22px}
  .services .section-intro h2,.services .section-intro>p{grid-column:1}
  .services-carousel{height:660px;margin-top:55px}
}
@media(max-width:650px){
  .services{padding:75px 0 0}
  .services-heading,.service-slide-content{width:80%}
  .services-carousel{height:620px;margin-top:45px}
  .service-slide:after{background:linear-gradient(180deg,rgba(3,20,33,.86) 0%,rgba(3,20,33,.62) 55%,rgba(3,20,33,.90) 100%)}
  .service-slide-content{align-items:flex-end;padding-bottom:105px}
  .service-slide-content h3{font-size:43px}
  .service-slide-content p{font-size:16px;line-height:1.5}
  .service-slide-content .btn{width:100%;text-align:center}
  .services-controls{left:10%;right:10%;bottom:28px;gap:9px}
  .services-arrow{width:42px;height:42px}
  .services-dots{gap:5px;flex:1;justify-content:center}
  .services-dots button{width:15px}.services-dots button.active{width:28px}
}

@media(prefers-reduced-motion:reduce){
  .service-slide,.service-slide img{transition:none}
}