:root{
  --black:#111111;--charcoal:#1b1b1b;--white:#fff;--off:#f3f2ee;--muted:#777;--line:#d8d6d0;
  --accent:#e6a600;--max:1180px
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--black);background:var(--off);line-height:1.6}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max),calc(100% - 44px));margin:auto}
.topbar{background:#080808;color:#bdbdbd;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.topbar-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center}
.header{position:sticky;top:0;z-index:50;background:rgba(17,17,17,.97);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand img{width:175px;height:52px;object-fit:contain;display:block;background:#fff}
.nav-links{display:flex;gap:27px;align-items:center}
.nav-links a{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#d8d8d8;transition:.2s}
.nav-links a:hover{color:#fff}
.nav-cta{background:var(--accent);color:#111;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em;padding:12px 18px}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{min-height:calc(100vh - 110px);position:relative;display:flex;align-items:center;background:
linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.58) 48%,rgba(0,0,0,.22) 100%),
url("https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=2000&q=85") center/cover}
.hero-content{color:#fff;position:relative;padding:110px 0 130px}
.eyebrow,.section-label,.mini-tag{font-size:11px;letter-spacing:.18em;font-weight:700}
.eyebrow{color:#d9d9d9;margin-bottom:20px}
.hero h1,.section h2,.equipment-copy h2,.process h2,.founder h2,.cta h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;line-height:.92;letter-spacing:-.02em}
.hero h1{font-size:clamp(58px,8vw,110px);max-width:900px}
.hero h1 span{color:#e8b11b}
.hero p{font-size:17px;max-width:610px;color:#ddd;margin:30px 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{padding:15px 23px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.btn-primary{background:var(--accent);color:#111}.btn-outline{border:1px solid rgba(255,255,255,.6);color:#fff}
.hero-scroll{position:absolute;right:35px;bottom:35px;color:#ddd;font-size:10px;letter-spacing:.15em;writing-mode:vertical-rl}
.hero-scroll span{margin-top:12px}
.stats{background:#111;color:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stats-grid div{padding:25px 20px;border-right:1px solid #303030}
.stats-grid div:last-child{border-right:0}
.stats-grid strong{display:block;font-family:"Barlow Condensed";font-size:31px;color:var(--accent);letter-spacing:.05em}
.stats-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#a9a9a9}
.section{padding:115px 0}
.split{display:grid;grid-template-columns:1fr 1.6fr;gap:90px}
.section-label{color:#8b8b8b}
.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#a57a00;margin-bottom:15px}
.section h2,.equipment-copy h2,.founder h2{font-size:clamp(48px,6vw,82px)}
.section h2 em,.equipment-copy h2 span,.founder h2 em,.cta h2 em{font-style:normal;color:#9a6d00}
.about-copy p:not(.kicker){font-size:16px;color:#5f5f5f;max-width:720px;margin-bottom:20px}
.text-link{display:inline-block;margin-top:12px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;border-bottom:1px solid #999;padding-bottom:6px}
.text-link span{margin-left:12px}
.equipment-band{background:#1a1a1a;color:#fff}
.equipment-grid{display:grid;grid-template-columns:1.1fr 1fr;min-height:560px}
.equipment-image{background:url("https://images.unsplash.com/photo-1581094794329-c8112a4e5190?auto=format&fit=crop&w=1300&q=85") center/cover}
.equipment-copy{padding:75px 8% 70px;display:flex;justify-content:center;flex-direction:column}
.equipment-copy h2{margin:15px 0 24px}.equipment-copy p{color:#bbb;max-width:520px}
.equipment-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}
.equipment-pills span{border:1px solid #444;padding:9px 13px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.services{background:#f3f2ee}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}
.section-head>p{max-width:390px;color:#777;font-size:14px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d7d5ce}
.service-card{background:#f3f2ee;min-height:280px;padding:27px;position:relative;transition:.25s}
.service-card:hover{background:#fff;transform:translateY(-3px)}
.service-card>span{position:absolute;right:24px;top:23px;font-size:10px;color:#aaa}
.service-card .icon{font-size:30px;margin:22px 0 35px;color:#9b7100}
.service-card h3{font-family:"Barlow Condensed";font-size:28px;text-transform:uppercase}
.service-card p{font-size:13px;color:#777;margin-top:8px}
.process{background:#161616;color:#fff;padding:110px 0}
.process .section-label{color:#8e8e8e}.process h2{font-size:clamp(50px,6vw,78px);margin:15px 0 55px}.process h2 em{font-style:normal;color:#e6a600}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #444}
.process-grid>div{padding:30px 25px 0;border-right:1px solid #444}
.process-grid>div:last-child{border:0}
.process-grid b{color:#e6a600;font-family:"Barlow Condensed";font-size:22px}
.process-grid h3{font-family:"Barlow Condensed";font-size:29px;text-transform:uppercase;margin:20px 0 8px}
.process-grid p{font-size:13px;color:#999}
.project-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:300px 300px;gap:14px}
.project-card{position:relative;background-size:cover;background-position:center;overflow:hidden}
.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 65%)}
.project-card>div{position:absolute;bottom:27px;left:30px;color:#fff}
.project-card span{font-size:10px;color:#e6a600;letter-spacing:.1em}
.project-card h3{font-family:"Barlow Condensed";font-size:36px;text-transform:uppercase}
.project-card p{font-size:11px;color:#ddd;text-transform:uppercase;letter-spacing:.08em}
.project-one{grid-row:span 2;background-image:url("https://images.unsplash.com/photo-1541888946425-d81bb19240f5?auto=format&fit=crop&w=1300&q=85")}
.project-two{background-image:url("https://images.unsplash.com/photo-1590644365607-1c5a4d8e4a8d?auto=format&fit=crop&w=1000&q=85")}
.project-three{background-image:url("https://images.unsplash.com/photo-1590725140246-20acdee442be?auto=format&fit=crop&w=1000&q=85")}
.why{background:#fff}
.why-split{align-items:start}
.why-list{border-top:1px solid #ccc}
.why-list>div{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #ccc}
.why-list b{font-family:"Barlow Condensed";font-size:21px;color:#a57a00}
.why-list span{font-size:13px;color:#777}.why-list strong{display:block;color:#111;text-transform:uppercase;font-size:12px;letter-spacing:.08em;margin-bottom:5px}
.founder{background:#deddd8}
.founder-grid{display:grid;grid-template-columns:1fr 1.15fr;min-height:620px}
.founder-photo{min-height:620px;background:#262626;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.founder-photo img{width:100%;height:100%;min-height:620px;object-fit:cover;object-position:center top;display:block}
.photo-placeholder{width:290px;height:390px;border:1px solid #555;color:#777;display:flex;align-items:center;justify-content:center;font-family:"Barlow Condensed";font-size:90px;letter-spacing:.04em}
.founder-copy{padding:80px 8%}.founder-copy .role{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;margin:10px 0 25px;color:#8e6800}
.founder-copy>p:not(.kicker):not(.role){max-width:570px;color:#666;font-size:14px;margin:0 0 16px}
.credentials{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.credentials span{background:#111;color:#fff;padding:9px 13px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.cta{background:#9a6d00;color:#fff;padding:100px 0}.cta .section-label{color:#e9d9ad}.cta h2{font-size:clamp(55px,7vw,90px)}.cta p{color:#f1e8d2;max-width:500px;margin-top:20px}
.cta-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}
.contact-panel{border-top:1px solid rgba(255,255,255,.45)}
.contact-panel a{display:block;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.45)}
.contact-panel small{display:block;font-size:9px;letter-spacing:.16em;color:#e8d8ac}.contact-panel strong{display:block;font-family:"Barlow Condensed";font-size:28px;text-transform:uppercase}
footer{background:#080808;color:#aaa;padding:35px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;align-items:center}.footer-grid img{width:150px;height:auto;background:#fff}.footer-grid p{font-size:11px;line-height:1.7}.footer-grid>div:last-child{text-align:right}
@media(max-width:900px){
 .nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#111;padding:20px 22px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-toggle{display:block}.nav-cta{display:none}
 .topbar-inner{padding:8px 0;gap:15px;align-items:flex-start}.topbar-inner span:last-child{display:none}
 .hero{min-height:720px}.hero-content{padding:80px 0}.hero h1{font-size:68px}
 .stats-grid{grid-template-columns:1fr 1fr}.stats-grid div:nth-child(2){border-right:0}.stats-grid div:nth-child(-n+2){border-bottom:1px solid #303030}
 .split,.equipment-grid,.founder-grid,.cta-inner{grid-template-columns:1fr;gap:45px}
 .about-copy{max-width:700px}.equipment-image{min-height:420px}.equipment-copy{padding:65px 0}
 .service-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head>p{margin-top:20px}
 .process-grid{grid-template-columns:1fr 1fr}.process-grid>div:nth-child(2){border-right:0}.process-grid>div{border-bottom:1px solid #444}
 .founder-photo{min-height:460px}.founder-photo img{min-height:460px}.founder-copy{padding:65px 0}
 .footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{text-align:left}
}
@media(max-width:560px){
 .container{width:min(var(--max),calc(100% - 30px))}
 .hero h1{font-size:53px}.hero p{font-size:15px}.hero-scroll{display:none}
 .stats-grid{grid-template-columns:1fr 1fr}.stats-grid div{padding:20px 10px}
 .section{padding:78px 0}.section h2,.equipment-copy h2,.founder h2{font-size:52px}
 .service-grid{grid-template-columns:1fr}.service-card{min-height:220px}
 .process-grid{grid-template-columns:1fr}.process-grid>div{border-right:0}
 .project-grid{display:block}.project-card{height:300px;margin-bottom:12px}.project-one{height:380px}
 .founder-photo{min-height:390px}.founder-photo img{min-height:390px}.photo-placeholder{width:220px;height:300px;font-size:65px}
 .cta{padding:75px 0}.cta h2{font-size:58px}
}

/* PREMIUM MOTION */
body{overflow-x:hidden}
.scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--accent);z-index:9999;box-shadow:0 0 12px rgba(230,166,0,.45)}
.hero{overflow:hidden}
.hero:before{content:"";position:absolute;inset:-5%;background:inherit;animation:heroZoom 14s ease-in-out infinite alternate;z-index:-2}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.07)}}
.hero-reveal{opacity:0;transform:translateY(35px);animation:heroIn .9s cubic-bezier(.2,.75,.25,1) forwards}
.hero-content .hero-reveal:nth-child(1){animation-delay:.15s}.hero-content h1.hero-reveal{animation-delay:.3s}.hero-content p.hero-reveal{animation-delay:.5s}
.hero-actions{opacity:0;transform:translateY(25px);animation:heroIn .8s .7s forwards}
@keyframes heroIn{to{opacity:1;transform:none}}
.btn{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.btn:before{content:"";position:absolute;left:-120%;top:0;width:80%;height:100%;background:rgba(255,255,255,.22);transform:skewX(-20deg);transition:left .55s}.btn:hover:before{left:140%}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.2)}.btn-social{border:1px solid rgba(255,255,255,.6);color:#fff}
.reveal{opacity:0;transform:translateY(55px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
.stats-grid.is-visible>div{animation:statUp .7s both}.stats-grid.is-visible>div:nth-child(2){animation-delay:.12s}.stats-grid.is-visible>div:nth-child(3){animation-delay:.24s}.stats-grid.is-visible>div:nth-child(4){animation-delay:.36s}
@keyframes statUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
.service-grid.is-visible .service-card{animation:cardIn .65s both}.service-grid.is-visible .service-card:nth-child(2){animation-delay:.06s}.service-grid.is-visible .service-card:nth-child(3){animation-delay:.12s}.service-grid.is-visible .service-card:nth-child(4){animation-delay:.18s}.service-grid.is-visible .service-card:nth-child(5){animation-delay:.24s}.service-grid.is-visible .service-card:nth-child(6){animation-delay:.30s}.service-grid.is-visible .service-card:nth-child(7){animation-delay:.36s}.service-grid.is-visible .service-card:nth-child(8){animation-delay:.42s}
@keyframes cardIn{from{opacity:0;transform:translateY(35px) scale(.97)}to{opacity:1;transform:none}}
.service-card{overflow:hidden}.service-card:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--accent);transition:width .45s}.service-card:hover:after{width:100%}.service-card .icon{transition:transform .35s}.service-card:hover .icon{transform:translateY(-6px) rotate(-3deg)}
.project-card{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-card:hover{transform:scale(.985)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(230,166,0,.18),transparent 40%);opacity:0;transition:opacity .5s}.project-card:hover:after{opacity:1}.project-card>div{transition:transform .45s}.project-card:hover>div{transform:translateY(-8px)}
.equipment-image{position:relative;overflow:hidden;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.equipment-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(230,166,0,.18),transparent);transform:translateX(-120%);transition:transform 1s}.equipment-grid.is-visible .equipment-image:after{transform:translateX(120%)}.equipment-grid.is-visible .equipment-image{transform:scale(1.015)}
.process-grid.is-visible>div{animation:processIn .65s both}.process-grid.is-visible>div:nth-child(2){animation-delay:.1s}.process-grid.is-visible>div:nth-child(3){animation-delay:.2s}.process-grid.is-visible>div:nth-child(4){animation-delay:.3s}@keyframes processIn{from{opacity:0;transform:translateX(-25px)}to{opacity:1;transform:none}}
.why-list>div{transition:padding-left .35s,background .35s}.why-list>div:hover{padding-left:12px;background:linear-gradient(90deg,rgba(230,166,0,.08),transparent)}
.founder-photo:after{content:"";position:absolute;inset:0;border:1px solid rgba(230,166,0,.35);transform:scale(.92);transition:transform .8s}.founder-photo.is-visible:after{transform:scale(1)}.founder-photo img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.founder-photo:hover img{transform:scale(1.035)}
.contact-panel a{transition:padding-left .35s,background .35s}.contact-panel a:hover{padding-left:12px;background:rgba(255,255,255,.06)}
.floating-social{position:fixed;right:18px;bottom:22px;z-index:80;display:flex;flex-direction:column;gap:8px}.floating-social a{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#111;color:#fff;border:1px solid rgba(255,255,255,.18);font-size:10px;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.25);transition:.25s}.floating-social a:hover{background:var(--accent);color:#111;transform:translateY(-3px)}
.page-glow{position:fixed;width:250px;height:250px;border-radius:50%;background:rgba(230,166,0,.05);filter:blur(70px);pointer-events:none;right:-120px;top:25%;z-index:-1}
@media(max-width:560px){.floating-social{right:10px;bottom:12px}.floating-social a{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.hero-reveal{opacity:1!important;transform:none!important}}

/* ===== BPK INFRA V3 — NEW CINEMATIC LANDING PAGE ===== */
.hero-v3{min-height:calc(100vh - 110px);position:relative;isolation:isolate;background:#0d0e0f;color:#fff;overflow:hidden}
.hero-media{position:absolute;inset:0;background:
linear-gradient(90deg,rgba(5,6,7,.96) 0%,rgba(5,6,7,.83) 42%,rgba(5,6,7,.42) 100%),
url("https://images.unsplash.com/photo-1572981779307-38b8cabb2407?auto=format&fit=crop&w=2200&q=90") center/cover;transform:scale(1.04);animation:heroMediaZoom 16s ease-in-out infinite alternate}
@keyframes heroMediaZoom{from{transform:scale(1.04)}to{transform:scale(1.12)}}
.hero-noise{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(rgba(255,255,255,.45) .7px,transparent .7px);background-size:6px 6px;mix-blend-mode:soft-light}
.hero-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 24.9%,rgba(255,255,255,.08) 25%,transparent 25.1% 49.9%,rgba(255,255,255,.08) 50%,transparent 50.1% 74.9%,rgba(255,255,255,.08) 75%,transparent 75.1%);pointer-events:none}
.hero-v3-inner{min-height:calc(100vh - 110px);display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2;padding:34px 0 26px}
.hero-v3-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#bdbdbd;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.17);padding-bottom:16px}
.hero-v3-main{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:30px;padding:55px 0}
.hero-v3-copy{max-width:850px}
.hero-kicker{font-size:11px;font-weight:800;letter-spacing:.2em;color:#d9aa20;display:flex;align-items:center;gap:12px;margin-bottom:18px}
.hero-kicker i{width:38px;height:2px;background:#d9aa20;display:inline-block}
.hero-v3 h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(70px,10.2vw,145px);line-height:.78;text-transform:uppercase;letter-spacing:-.035em;margin:0}
.hero-v3 h1 span,.hero-v3 h1 strong,.hero-v3 h1 em{display:block;font-style:normal}
.hero-v3 h1 span{font-weight:500;color:#f2f2f2}
.hero-v3 h1 strong{font-weight:800;color:#fff}
.hero-v3 h1 em{font-weight:800;color:#e5a800}
.hero-v3-copy>p{max-width:610px;color:#c8c8c8;font-size:15px;margin:30px 0}
.hero-v3 .hero-actions{opacity:1;transform:none;animation:none}
.btn-glass{border:1px solid rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.04);backdrop-filter:blur(5px)}
.hero-v3-side{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px}
.hero-ring{width:190px;height:190px;border:1px solid rgba(230,166,0,.6);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;animation:ringFloat 5s ease-in-out infinite}
.hero-ring:before,.hero-ring:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.hero-ring:before{inset:15px}.hero-ring:after{inset:-11px;border-color:rgba(230,166,0,.18)}
.hero-ring span{font-family:"Barlow Condensed";font-size:65px;line-height:.7;font-weight:800}.hero-ring small{font-size:11px;letter-spacing:.45em;color:#e6a600;margin-left:.45em;margin-top:12px}
@keyframes ringFloat{50%{transform:translateY(-12px) rotate(2deg)}}
.hero-side-copy{text-align:center;font-size:10px;letter-spacing:.2em;color:#aaa;line-height:1.8}
.hero-side-copy b{color:#e6a600}
.hero-v3-bottom{display:grid;grid-template-columns:repeat(3,1fr) 120px;gap:1px;border-top:1px solid rgba(255,255,255,.17);padding-top:18px}
.hero-v3-bottom>div{padding-right:20px;border-right:1px solid rgba(255,255,255,.13)}
.hero-v3-bottom>div:nth-child(3){border:0}
.hero-v3-bottom strong{font-family:"Barlow Condensed";font-size:28px;color:#fff;display:block;line-height:1}
.hero-v3-bottom span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#999}
.hero-scroll-v3{display:flex;align-items:center;justify-content:flex-end;gap:12px;border:0!important}
.hero-scroll-v3 i{width:35px;height:1px;background:#e6a600;position:relative}
.hero-scroll-v3 i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid #e6a600;border-bottom:1px solid #e6a600;transform:rotate(-45deg)}
.stats-v3{background:#0a0a0a}
.stats-v3 .stats-grid{grid-template-columns:repeat(4,1fr)}
.stats-v3 .stats-grid div{padding:24px 22px}
.stats-v3 .stats-grid strong{font-size:22px;color:#777}
.stats-v3 .stats-grid span{color:#eee}
.marquee-strip{background:#e5a800;color:#111;overflow:hidden;white-space:nowrap;border-bottom:1px solid #111}
.marquee-track{display:inline-flex;align-items:center;gap:30px;min-width:max-content;padding:12px 0;animation:marquee 24s linear infinite}
.marquee-track span{font-family:"Barlow Condensed";font-size:22px;font-weight:800;letter-spacing:.04em}
.marquee-track b{font-size:13px}
@keyframes marquee{to{transform:translateX(-50%)}}
.quick-contact{background:#e5a800;color:#111}
.quick-contact-inner{display:grid;grid-template-columns:1.5fr 1fr 1.3fr 1fr;align-items:center;min-height:92px;gap:20px}
.quick-contact-inner>span{font-size:10px;letter-spacing:.16em;font-weight:800}
.quick-contact-inner>a{font-family:"Barlow Condensed";font-size:24px;border-left:1px solid rgba(17,17,17,.2);padding-left:22px}
.quick-contact-inner>a:last-child{text-transform:uppercase;font-size:16px;letter-spacing:.08em}
@media(max-width:900px){
 .hero-v3-main{grid-template-columns:1fr}.hero-v3-side{display:none}.hero-v3 h1{font-size:80px}.hero-v3-inner{padding-top:25px}.hero-v3-bottom{grid-template-columns:repeat(3,1fr)}.hero-scroll-v3{display:none}
 .quick-contact-inner{grid-template-columns:1fr 1fr;padding:22px 0}.quick-contact-inner>a{border:0;padding-left:0}
}
@media(max-width:560px){
 .hero-v3{min-height:760px}.hero-v3-inner{min-height:760px;padding:20px 0}.hero-v3-top span:last-child{display:none}
 .hero-v3-main{padding:40px 0}.hero-v3 h1{font-size:62px}.hero-v3-copy>p{font-size:14px}.hero-v3 .hero-actions{gap:8px}
 .hero-v3 .btn{padding:12px 14px;font-size:10px}.hero-v3-bottom{grid-template-columns:repeat(3,1fr)}.hero-v3-bottom>div{padding-right:8px}.hero-v3-bottom strong{font-size:21px}.hero-v3-bottom span{font-size:8px}
 .quick-contact-inner{grid-template-columns:1fr}.quick-contact-inner>a{font-size:22px}
 .marquee-track span{font-size:18px}
}

/* ===== V4 MOTION PATCH — cache-safe / live-hosting friendly ===== */
html{overflow-x:hidden}
body{overflow-x:hidden}
/* make sure animated sections start clean and reveal reliably */
.reveal-section{opacity:0;transform:translateY(42px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal-section.motion-visible{opacity:1;transform:none}
/* stronger cinematic hero */
.hero-v3{overflow:hidden;will-change:transform}
.hero-media{will-change:transform;animation:heroV4Zoom 18s ease-in-out infinite alternate!important}
@keyframes heroV4Zoom{0%{transform:scale(1.03)}100%{transform:scale(1.12)}}
.hero-v3-inner{animation:heroV4Enter 1s cubic-bezier(.16,.8,.2,1) both}
@keyframes heroV4Enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.hero-v3-top{animation:heroV4Line 1s .1s both}
.hero-kicker{animation:heroV4Line 1s .25s both}
.hero-v3 h1{animation:heroV4Title 1.1s .3s cubic-bezier(.16,.8,.2,1) both}
.hero-v3-copy>p{animation:heroV4Line 1s .55s both}
.hero-v3 .hero-actions{animation:heroV4Line 1s .7s both!important}
.hero-v3-bottom{animation:heroV4Line 1s .9s both}
@keyframes heroV4Line{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes heroV4Title{from{opacity:0;transform:translateY(50px);letter-spacing:.02em}to{opacity:1;transform:none;letter-spacing:-.035em}}
.hero-v3 h1 span,.hero-v3 h1 strong,.hero-v3 h1 em{transition:transform .45s ease,text-shadow .45s ease}
.hero-v3:hover h1 span{transform:translateX(8px)}
.hero-v3:hover h1 em{text-shadow:0 0 35px rgba(229,168,0,.28)}
.hero-ring{will-change:transform;animation:ringFloatV4 5s ease-in-out infinite!important}
@keyframes ringFloatV4{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(3deg)}}
.hero-ring:after{animation:ringPulse 2.8s ease-in-out infinite}
@keyframes ringPulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}
/* marquee is deliberately explicit so it cannot fall back to plain text */
.marquee-strip.marquee-animated{display:block!important;background:#e5a800!important;color:#111!important;overflow:hidden!important;white-space:nowrap!important;position:relative!important}
.marquee-strip.marquee-animated .marquee-track{display:inline-flex!important;align-items:center!important;width:max-content!important;min-width:max-content!important;gap:30px!important;padding:13px 0!important;animation:marqueeV4 20s linear infinite!important;will-change:transform!important}
.marquee-strip.marquee-animated .marquee-track span{display:inline-block!important;font-family:"Barlow Condensed",Arial,sans-serif!important;font-size:22px!important;font-weight:800!important;line-height:1!important;letter-spacing:.04em!important}
@keyframes marqueeV4{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* process / stats stagger */
.reveal-section.motion-visible .stats-grid>div,.reveal-section.motion-visible .process-grid>div{animation:riseV4 .7s both}
.reveal-section.motion-visible .stats-grid>div:nth-child(2),.reveal-section.motion-visible .process-grid>div:nth-child(2){animation-delay:.12s}
.reveal-section.motion-visible .stats-grid>div:nth-child(3),.reveal-section.motion-visible .process-grid>div:nth-child(3){animation-delay:.24s}
.reveal-section.motion-visible .stats-grid>div:nth-child(4),.reveal-section.motion-visible .process-grid>div:nth-child(4){animation-delay:.36s}
@keyframes riseV4{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
/* service cards: reveal individually */
.service-grid.motion-visible .service-card{animation:cardV4 .7s both}
.service-grid.motion-visible .service-card:nth-child(2){animation-delay:.08s}.service-grid.motion-visible .service-card:nth-child(3){animation-delay:.16s}.service-grid.motion-visible .service-card:nth-child(4){animation-delay:.24s}.service-grid.motion-visible .service-card:nth-child(5){animation-delay:.32s}.service-grid.motion-visible .service-card:nth-child(6){animation-delay:.40s}.service-grid.motion-visible .service-card:nth-child(7){animation-delay:.48s}.service-grid.motion-visible .service-card:nth-child(8){animation-delay:.56s}
@keyframes cardV4{from{opacity:0;transform:translateY(35px) scale(.96)}to{opacity:1;transform:none}}
.service-card{transition:transform .35s ease,background .35s ease,box-shadow .35s ease!important}
.service-card:hover{transform:translateY(-10px)!important;box-shadow:0 20px 45px rgba(0,0,0,.12)}
/* project image zoom */
.project-card{transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s!important}
.project-card:before{transition:opacity .5s,transform .8s!important}
.project-card:hover{transform:scale(1.015)!important;box-shadow:0 20px 45px rgba(0,0,0,.18)}
.project-card:hover:before{transform:scale(1.08)}
/* founder image motion */
.founder-photo img{will-change:transform}
.founder-photo:hover img{transform:scale(1.045) translateY(-5px)!important}
/* floating socials pulse subtly */
.floating-social a:first-child{animation:floatPulse 2.4s ease-in-out infinite}
@keyframes floatPulse{0%,100%{box-shadow:0 8px 25px rgba(0,0,0,.25)}50%{box-shadow:0 8px 32px rgba(230,166,0,.35)}}
/* quick contact sweep */
.quick-contact{position:relative;overflow:hidden}
.quick-contact:before{content:"";position:absolute;inset:0;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-140%);animation:sweepV4 5s linear infinite;pointer-events:none}
@keyframes sweepV4{to{transform:translateX(400%)}}
@media(max-width:900px){.hero-v3 h1{font-size:78px}.marquee-strip.marquee-animated .marquee-track span{font-size:19px}}
@media(max-width:560px){.hero-v3 h1{font-size:60px}.hero-v3-main{padding:35px 0}.marquee-strip.marquee-animated .marquee-track span{font-size:17px}.reveal-section{transform:translateY(28px)}}
@media(prefers-reduced-motion:reduce){.hero-v3-inner,.hero-v3-top,.hero-kicker,.hero-v3 h1,.hero-v3-copy>p,.hero-v3 .hero-actions,.hero-v3-bottom,.hero-media,.hero-ring,.hero-ring:after,.marquee-track,.quick-contact:before{animation:none!important}.reveal-section{opacity:1!important;transform:none!important}.service-grid .service-card{animation:none!important}}


/* ===== V5 — LARGER TYPE + CLEARER HERO IMAGE ===== */
.topbar{font-size:13px}
.nav-links a{font-size:14px}
.nav-cta{font-size:14px;padding:14px 22px}
.hero-v3{min-height:calc(100vh - 110px)}
.hero-v3-inner{min-height:calc(100vh - 110px)}
/* Reveal more of the landing image while keeping text readable */
.hero-media{background:
linear-gradient(90deg,rgba(5,6,7,.72) 0%,rgba(5,6,7,.48) 45%,rgba(5,6,7,.18) 100%),
url("https://images.unsplash.com/photo-1572981779307-38b8cabb2407?auto=format&fit=crop&w=2400&q=92") center/cover}
.hero-v3-copy>p{font-size:18px;line-height:1.65;max-width:680px}
.hero-kicker{font-size:13px}
.hero-v3-top{font-size:12px}
.hero-v3-bottom strong{font-size:34px}
.hero-v3-bottom span{font-size:11px}
.section-label,.mini-tag{font-size:13px}
.about-copy p:not(.kicker){font-size:18px;line-height:1.75}
.kicker{font-size:14px}
.text-link{font-size:14px}
.section-head>p{font-size:16px;line-height:1.7}
.service-card{min-height:305px;padding:30px}
.service-card h3{font-size:32px}
.service-card p{font-size:15px;line-height:1.65}
.service-card>span{font-size:12px}
.service-card .icon{font-size:34px}
.process-grid h3{font-size:32px}
.process-grid p{font-size:15px;line-height:1.65}
.why-list span{font-size:15px;line-height:1.65}
.why-list strong{font-size:14px}
.founder-copy>p:not(.kicker):not(.role){font-size:16px;line-height:1.75}
.founder-copy .role{font-size:13px}
.credentials span{font-size:12px}
.equipment-copy p{font-size:16px;line-height:1.7}
.equipment-pills span{font-size:12px}
.project-card h3{font-size:40px}
.project-card p{font-size:12px}
.cta p{font-size:17px;line-height:1.7}
.contact-panel small{font-size:11px}
.contact-panel strong{font-size:32px}
.quick-contact-inner>span{font-size:12px}
.quick-contact-inner>a{font-size:28px}
.quick-contact-inner>a:last-child{font-size:18px}
.marquee-track span{font-size:25px}
@media(max-width:900px){
  .nav-links a{font-size:15px}
  .hero-v3-copy>p{font-size:16px}
  .about-copy p:not(.kicker){font-size:17px}
  .section-head>p{font-size:15px}
  .service-card p,.process-grid p,.why-list span{font-size:14px}
}
@media(max-width:560px){
  .topbar{font-size:11px}
  .hero-media{background:
  linear-gradient(90deg,rgba(5,6,7,.66),rgba(5,6,7,.28)),
  url("https://images.unsplash.com/photo-1572981779307-38b8cabb2407?auto=format&fit=crop&w=1800&q=92") center/cover}
  .hero-v3 h1{font-size:66px}
  .hero-v3-copy>p{font-size:15px}
  .hero-v3-bottom strong{font-size:25px}
  .section-label,.mini-tag{font-size:11px}
  .section h2,.equipment-copy h2,.founder h2{font-size:54px}
  .service-card h3{font-size:29px}
  .service-card p{font-size:14px}
  .project-card h3{font-size:34px}
  .contact-panel strong{font-size:27px}
}


/* ===== V6 — CLEARER HERO + STRONGER SUPPORTING INFORMATION ===== */
.hero-media{background:
linear-gradient(90deg,rgba(3,5,7,.78) 0%,rgba(3,5,7,.52) 40%,rgba(3,5,7,.18) 72%,rgba(3,5,7,.08) 100%),
linear-gradient(0deg,rgba(3,5,7,.42) 0%,transparent 38%),
url("https://images.unsplash.com/photo-1751054619908-65d27a503ce8?auto=format&fit=crop&fm=jpg&q=90&w=2400") center/cover!important;
filter:saturate(1.06) contrast(1.04)}
.hero-v3-top{color:#f0f0f0;text-shadow:0 2px 10px rgba(0,0,0,.55)}
.hero-kicker{font-size:14px;color:#f2b300;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.hero-v3-copy>p{font-size:20px;line-height:1.6;color:#fff;font-weight:500;text-shadow:0 2px 14px rgba(0,0,0,.8);max-width:730px}
.hero-v3-side{filter:drop-shadow(0 5px 18px rgba(0,0,0,.45))}
.hero-ring{border-color:rgba(244,181,0,.85);background:rgba(0,0,0,.12);box-shadow:0 0 45px rgba(230,166,0,.12)}
.hero-ring span{color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.55)}
.hero-side-copy{font-size:12px;color:#f0f0f0;text-shadow:0 2px 10px rgba(0,0,0,.75)}
.hero-v3-bottom{border-top-color:rgba(255,255,255,.3)}
.hero-v3-bottom>div{border-right-color:rgba(255,255,255,.22)}
.hero-v3-bottom strong{font-size:38px;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.hero-v3-bottom span{font-size:12px;color:#f2f2f2;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.hero-scroll-v3 span{color:#f2f2f2!important;font-size:11px!important;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.hero-v3-copy{position:relative}
.hero-v3-copy:before{content:"";position:absolute;left:-18px;top:-18px;bottom:-20px;width:3px;background:linear-gradient(180deg,#e6a600,rgba(230,166,0,0));opacity:.9}
.hero-v3 h1{filter:drop-shadow(0 5px 18px rgba(0,0,0,.32))}
.hero-v3 .btn-glass{background:rgba(0,0,0,.24);border-color:rgba(255,255,255,.65);font-weight:800}
.hero-v3 .btn-glass:hover{background:rgba(0,0,0,.42)}

/* Make the supporting information readable without competing with the headline. */
.about-copy p:not(.kicker),.section-head>p,.process-grid p,.why-list span,.founder-copy>p:not(.kicker):not(.role),.equipment-copy p,.cta p{font-size:18px;line-height:1.75}
.service-card p{font-size:16px;line-height:1.7}
.process-grid p{color:#c6c6c6}
.why-list span{color:#555}
.contact-panel small{font-size:12px;color:#f2e2bb}
.contact-panel strong{font-size:34px}
.quick-contact-inner>span{font-size:13px}

@media(max-width:900px){
 .hero-media{background:
 linear-gradient(90deg,rgba(3,5,7,.78),rgba(3,5,7,.28)),
 linear-gradient(0deg,rgba(3,5,7,.48),transparent 45%),
 url("https://images.unsplash.com/photo-1751054619908-65d27a503ce8?auto=format&fit=crop&fm=jpg&q=90&w=2000") center/cover!important}
 .hero-v3-copy:before{left:-10px}
 .hero-v3-copy>p{font-size:18px}
 .hero-v3-bottom strong{font-size:31px}
 .hero-v3-bottom span{font-size:11px}
 .about-copy p:not(.kicker),.section-head>p,.process-grid p,.why-list span,.founder-copy>p:not(.kicker):not(.role),.equipment-copy p,.cta p{font-size:17px}
}
@media(max-width:560px){
 .hero-v3{min-height:780px}
 .hero-v3-inner{min-height:780px}
 .hero-media{background:
 linear-gradient(90deg,rgba(3,5,7,.76),rgba(3,5,7,.3)),
 linear-gradient(0deg,rgba(3,5,7,.5),transparent 48%),
 url("https://images.unsplash.com/photo-1751054619908-65d27a503ce8?auto=format&fit=crop&fm=jpg&q=90&w=1600") 62% center/cover!important}
 .hero-v3-copy:before{left:-7px;top:-10px;bottom:-12px}
 .hero-v3-copy>p{font-size:16px;line-height:1.6}
 .hero-v3-bottom strong{font-size:26px}
 .hero-v3-bottom span{font-size:9px}
 .hero-side-copy{font-size:10px}
 .about-copy p:not(.kicker),.section-head>p,.process-grid p,.why-list span,.founder-copy>p:not(.kicker):not(.role),.equipment-copy p,.cta p{font-size:16px}
 .service-card p{font-size:15px}
}