@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--orange:#d66a12;--orange2:#f08a2b;--black:#08090b;--panel:#111317;--white:#f7f7f5;--muted:#a9adb5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:#fff;margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site{overflow:hidden}.header{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#040507fa,#040507d4);border-bottom:1px solid #ffffff0f;align-items:center;height:82px;padding:0 4.5%;display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;width:240px;height:72px;display:flex}.brand img{object-fit:contain;max-width:205px;max-height:70px}.nav{align-items:center;gap:30px;margin-left:auto;display:flex}.nav a{align-items:center;gap:4px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.nav a:hover{color:var(--orange2)}.actions{align-items:center;gap:14px;margin-left:28px;display:flex}.lang{position:relative}.lang>button{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:flex}.langMenu{background:#111;border:1px solid #333;width:145px;padding:7px;position:absolute;top:35px;right:0;box-shadow:0 16px 50px #000}.langMenu button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:9px;display:block}.langMenu button:hover{color:var(--orange2);background:#202020}.quote,.outline{letter-spacing:.02em;border-radius:2px;justify-content:center;align-items:center;gap:12px;padding:16px 25px;font-size:13px;font-weight:800;transition:all .25s;display:inline-flex}.quote{background:linear-gradient(135deg,var(--orange),#b64c00);box-shadow:0 10px 35px #d66a122e}.quote:hover{filter:brightness(1.14);transform:translateY(-2px);box-shadow:0 12px 45px #d66a1266}.quote.small{padding:12px 20px}.outline{background:#0000002e;border:1px solid #ffffff9e}.outline:hover{color:#111;background:#fff}.outline.orange{border-color:var(--orange);color:#fff}.outline.orange:hover{background:var(--orange)}.menuBtn{color:#fff;background:0 0;border:0;margin-left:auto;display:none}.hero{align-items:center;min-height:660px;margin-top:0;padding:125px 4.5% 70px;display:flex;position:relative}.heroBg{background:url(/assets/projects/hero.jpg) 50%/cover no-repeat;animation:18s ease-in-out infinite alternate heroZoom;position:absolute;inset:0}.shade{background:linear-gradient(90deg,#050608f5 0%,#050608d1 28%,#05060842 67%,#05060814),linear-gradient(#0000 60%,#000000b8);position:absolute;inset:0}@keyframes heroZoom{to{transform:scale(1.055)}}.heroContent{z-index:2;max-width:620px;margin-top:50px;position:relative}.heroContent>span,.feature small,.servicesIntro small,.sectionTitle small,.cta small{letter-spacing:.08em;color:var(--orange2);font-size:13px;font-weight:800}h1,h2,h3{margin:0;font-family:Barlow Condensed,sans-serif}.hero h1{letter-spacing:.015em;margin:15px 0 20px;font-size:74px;line-height:.88}.hero h1 strong{color:var(--orange2);display:block}.hero p{max-width:540px;font-size:19px;line-height:1.55}.heroBtns{gap:15px;margin-top:28px;display:flex}.vrBadge{z-index:2;border:1px solid var(--orange);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050505cc;gap:5px;width:170px;padding:18px;display:grid;position:absolute;bottom:95px;right:4.3%}.vrBadge b{color:var(--orange2);font-size:20px}.vrBadge strong{font-size:18px}.vrBadge svg{position:absolute;bottom:12px;right:12px}.demoBadge{z-index:3;color:#ddd;background:#000000b3;padding:8px 10px;font-size:11px;position:absolute;bottom:14px;right:15px}.trust{background:#0a0b0c;border-top:1px solid #342113;border-bottom:1px solid #342113;grid-template-columns:repeat(4,1fr);padding:0 8%;display:grid}.trustItem{border-right:1px solid #313131;align-items:center;gap:18px;padding:22px 30px;display:flex}.trustItem:last-child{border-right:0}.trustItem svg{color:var(--orange2);width:34px;height:34px}.trustItem b,.trustItem span{display:block}.trustItem b{color:var(--orange2);font-size:13px}.trustItem span{color:#c5c5c5;margin-top:5px;font-size:11px}.featureGrid{grid-template-columns:1fr 1fr;display:grid}.feature{grid-template-columns:40% 60%;align-items:center;min-height:315px;display:grid;overflow:hidden}.feature>div:first-child{padding:42px 0 42px 9%}.feature h2{margin:8px 0;font-size:42px}.feature p{color:#d0d0d0;font-size:13px;line-height:1.6}.feature img{object-fit:cover;width:100%;height:100%}.dark{background:#111}.darker{background:#090a0c}.vrImage{height:100%;position:relative}.pulse{border:2px solid #fff;border-radius:50%;place-items:center;width:58px;height:58px;font-weight:800;animation:2s infinite pulse;display:grid;position:absolute;bottom:20px;right:24px}@keyframes pulse{50%{box-shadow:0 0 0 15px #fff0}0%{box-shadow:0 0 #ffffff47}}.services{color:#111;background:#f5f5f3;grid-template-columns:250px 1fr;gap:32px;padding:55px 4.5%;display:grid}.servicesIntro h2{margin:9px 0 14px;font-size:36px;line-height:.95}.servicesIntro p{color:#444;font-size:13px;line-height:1.55}.cards{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.card{background:#fff;border:1px solid #ddd;transition:all .25s;overflow:hidden}.card:hover{transform:translateY(-7px);box-shadow:0 14px 30px #00000024}.card>img{object-fit:cover;width:100%;height:115px;transition:all .35s}.card:hover>img{transform:scale(1.05)}.cardBody{gap:10px;padding:14px;display:flex}.cardBody svg{width:25px;color:var(--orange)}.card h3{font-size:18px}.card p{color:#555;font-size:10px;line-height:1.4}.projects{background:#0d0f12;padding:75px 4.5%}.sectionTitle{text-align:center;margin-bottom:30px}.sectionTitle h2{font-size:46px}.projectGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.project{height:280px;margin:0;position:relative;overflow:hidden}.project img{object-fit:cover;width:100%;height:100%;transition:all .5s}.project:hover img{transform:scale(1.07)}.project:after{content:"";background:linear-gradient(#0000 40%,#000000e0);position:absolute;inset:0}.project figcaption{z-index:2;position:absolute;bottom:18px;left:20px}.project figcaption span,.project figcaption b{display:block}.project figcaption span{color:var(--orange2);letter-spacing:.13em;font-size:10px}.project figcaption b{margin-top:4px;font-family:Barlow Condensed;font-size:24px}.stats{background:#070809;border-top:1px solid #2e241c;grid-template-columns:1fr 1fr 2fr;padding:22px 5%;display:grid}.stats>div{border-right:1px solid #333;align-items:center;gap:13px;padding:0 25px;display:flex}.stats svg{color:var(--orange2)}.stats strong,.stats span{display:block}.stats span{color:#bbb;font-size:11px}.slogan{flex-direction:column;justify-content:center}.slogan strong{color:var(--orange2);font-size:22px}.cta{background:linear-gradient(90deg,#000000f0,#000000c2),url(/assets/projects/project-3.jpg) 50%/cover;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:75px 8%;display:grid}.cta h2{margin:10px 0;font-size:50px;line-height:1}.cta p{color:#ccc}.cta form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cta input,.cta select,.cta textarea{color:#fff;background:#0a0a0ad1;border:1px solid #555;padding:14px}.cta textarea{grid-column:1/-1;min-height:105px}.cta button{cursor:pointer;border:0}footer{color:#aaa;background:#050506;border-top:1px solid #222;grid-template-columns:220px 1fr auto;align-items:center;gap:30px;padding:28px 4.5%;font-size:12px;display:grid}footer img{object-fit:contain;max-width:170px;max-height:85px}footer>div{gap:25px;display:flex}footer a{align-items:center;gap:7px;display:flex}footer svg{width:16px;color:var(--orange2)}.reveal{opacity:0;transition:all .7s;transform:translateY(24px)}.reveal.show{opacity:1;transform:none}@media (width<=1100px){.nav{gap:15px}.actions .quote{display:none}.featureGrid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(3,1fr)}.services{grid-template-columns:1fr}.projectGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=780px){.header{height:72px}.brand{width:180px}.brand img{max-width:150px}.menuBtn{display:block}.nav{background:#08090b;flex-direction:column;align-items:flex-start;margin:0;padding:20px;display:none;position:absolute;top:72px;left:0;right:0}.nav.open{display:flex}.actions{margin-left:8px}.hero{min-height:730px;padding-top:125px}.hero h1{font-size:55px}.heroContent{margin-top:0}.vrBadge{bottom:40px;right:20px}.trust{grid-template-columns:1fr 1fr;padding:0}.trustItem{padding:18px 14px}.feature{grid-template-columns:1fr;min-height:580px}.feature>div:first-child{padding:35px 6%}.feature img,.vrImage{min-height:280px}.cards{grid-template-columns:1fr 1fr}.projectGrid,.stats{grid-template-columns:1fr}.stats>div{border-bottom:1px solid #333;border-right:0;padding:14px}.cta{grid-template-columns:1fr;padding:55px 6%}.cta form{grid-template-columns:1fr}.cta textarea{grid-column:auto}footer{text-align:center;grid-template-columns:1fr}footer img{margin:auto}footer>div{flex-direction:column;align-items:center;gap:9px}}@media (width<=480px){.lang>button{font-size:0}.hero h1{font-size:48px}.heroBtns{flex-direction:column;align-items:flex-start}.vrBadge{display:none}.cards,.trust{grid-template-columns:1fr}.sectionTitle h2,.cta h2{font-size:38px}}.portfolio{background:radial-gradient(circle at 90% 10%,#d66a121f,#0000 28%),linear-gradient(#0b0d10,#070809);padding:86px 4.5%}.portfolioHeading{justify-content:space-between;align-items:flex-end;gap:40px;max-width:1360px;margin:0 auto 28px;display:flex}.portfolioHeading>div:first-child{max-width:780px}.portfolioHeading small{color:var(--orange2);letter-spacing:.13em;font-size:12px;font-weight:800}.portfolioHeading h2{margin:8px 0 13px;font-size:clamp(40px,5vw,64px);line-height:.95}.portfolioHeading p{color:#aeb2b8;max-width:670px;margin:0;line-height:1.7}.portfolioCount{border-left:3px solid var(--orange);background:#ffffff09;min-width:130px;padding:18px 22px}.portfolioCount strong,.portfolioCount span{display:block}.portfolioCount strong{color:var(--orange2);font-family:Barlow Condensed,sans-serif;font-size:54px;line-height:.8}.portfolioCount span{color:#b9bdc3;letter-spacing:.15em;margin-top:10px;font-size:10px;font-weight:800}.projectFilters{flex-wrap:wrap;gap:9px;max-width:1360px;margin:0 auto 32px;display:flex}.projectFilters button{color:#c6c9ce;cursor:pointer;letter-spacing:.04em;background:#111318;border:1px solid #32363c;padding:11px 16px;font-size:11px;font-weight:800;transition:all .22s}.projectFilters button:hover,.projectFilters button.active{border-color:var(--orange);background:var(--orange);color:#fff;transform:translateY(-2px)}.portfolioGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1360px;margin:auto;display:grid}.portfolioCard{background:#111318;border:1px solid #ffffff12;min-width:0;transition:opacity .7s,transform .7s,border-color .25s,box-shadow .25s;overflow:hidden}.portfolioCard:hover{border-color:#d66a12ad;box-shadow:0 24px 65px #0000006b}.portfolioImage{color:#fff;cursor:pointer;text-align:left;background:#090a0c;border:0;width:100%;height:330px;padding:0;display:block;position:relative;overflow:hidden}.portfolioImage img{object-fit:cover;width:100%;height:100%;transition:transform .65s,filter .4s}.portfolioCard:hover .portfolioImage img{filter:brightness(.85);transform:scale(1.075)}.portfolioImage:after{content:"";background:linear-gradient(#00000014,#0000 36%),linear-gradient(#0000 38%,#000000f0);position:absolute;inset:0}.projectNumber{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040507d1;border:1px solid #ffffff2e;place-items:center;width:46px;height:46px;font-family:Barlow Condensed,sans-serif;font-size:21px;display:grid;position:absolute;top:16px;left:16px}.projectStage{z-index:3;background:var(--orange);letter-spacing:.1em;padding:8px 10px;font-size:9px;font-weight:800;position:absolute;top:17px;right:17px}.projectExpand{z-index:4;color:#111;opacity:0;background:#fffffff0;border-radius:50%;place-items:center;width:43px;height:43px;transition:all .25s;display:grid;position:absolute;bottom:18px;right:17px;transform:scale(.75)}.portfolioCard:hover .projectExpand{opacity:1;transform:scale(1)}.projectOverlay{z-index:3;position:absolute;bottom:20px;left:20px;right:78px}.projectOverlay span{color:var(--orange2);letter-spacing:.13em;font-size:10px;font-weight:800}.projectOverlay h3{margin:5px 0 4px;font-size:30px;line-height:1}.projectOverlay p{color:#d0d2d4;margin:0;font-size:11px}.portfolioFooter{justify-content:space-between;align-items:center;gap:15px;min-height:88px;padding:16px 18px;display:flex}.portfolioFooter>div{min-width:0}.portfolioFooter span,.portfolioFooter strong{display:block}.portfolioFooter span{color:var(--orange2);letter-spacing:.12em;font-size:9px;font-weight:800}.portfolioFooter strong{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-family:Barlow Condensed,sans-serif;font-size:19px;overflow:hidden}.portfolioFooter button{color:#d6d8dc;cursor:pointer;background:0 0;border:1px solid #393d43;flex:none;align-items:center;gap:7px;padding:9px 11px;font-size:9px;font-weight:800;transition:all .2s;display:inline-flex}.portfolioFooter button:hover{border-color:var(--orange);background:var(--orange);color:#fff}.portfolioFooter button svg{width:14px}.portfolioDisclaimer{color:#c1c5cb;background:#d66a1212;border:1px solid #d66a124d;align-items:flex-start;gap:12px;max-width:1360px;margin:26px auto 0;padding:15px 18px;font-size:12px;display:flex}.portfolioDisclaimer svg{width:18px;color:var(--orange2);flex:none}.portfolioDisclaimer p{margin:0;line-height:1.55}.projectModal{z-index:100;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.modalBackdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#000000e0;border:0;width:100%;position:absolute;inset:0}.modalPanel{z-index:2;background:#0d0f12;border:1px solid #ffffff21;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);width:min(1180px,100%);max-height:calc(100vh - 60px);animation:.3s modalIn;display:grid;position:relative;overflow:auto;box-shadow:0 35px 110px #000000bf}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.98)}}.modalClose{z-index:8;color:#fff;cursor:pointer;background:#000000b3;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:43px;height:43px;transition:all .2s;display:grid;position:absolute;top:14px;right:14px}.modalClose:hover{background:var(--orange);transform:rotate(90deg)}.modalMedia{background:#050607;min-height:620px;position:relative}.modalMedia>img{object-fit:cover;width:100%;height:100%;min-height:620px}.modalMedia:after{content:"";pointer-events:none;background:linear-gradient(#0000 65%,#0000008f);position:absolute;inset:0}.modalStage{z-index:3;border-left:3px solid var(--orange);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bd;padding:12px 15px;position:absolute;bottom:22px;left:22px}.modalStage span,.modalStage strong{display:block}.modalStage span{color:#bbbfc5;letter-spacing:.13em;font-size:9px;font-weight:800}.modalStage strong{color:var(--orange2);margin-top:4px;font-size:13px}.modalArrow{z-index:4;color:#fff;cursor:pointer;background:#0000009e;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:48px;height:48px;transition:all .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.modalArrow:hover{background:var(--orange)}.modalArrow.previous{left:18px}.modalArrow.next{right:18px}.modalContent{padding:72px 38px 35px}.modalContent small{color:var(--orange2);letter-spacing:.12em;font-weight:800}.modalContent h2{margin:10px 0 8px;font-size:46px;line-height:.95}.modalLocation{color:#8f949c;font-size:12px}.modalContent>p{color:#c0c4ca;margin:24px 0;font-size:14px;line-height:1.75}.modalContent h3{color:var(--orange2);margin:26px 0 12px;font-size:20px}.modalContent ul{gap:11px;margin:0;padding:0;list-style:none;display:grid}.modalContent li{color:#d6d8dc;align-items:center;gap:10px;font-size:13px;display:flex}.modalContent li svg{width:17px;color:var(--orange2)}.modalActions{grid-template-columns:auto 1fr auto;gap:8px;margin-top:36px;display:grid}.modalActions button,.modalActions a{color:#fff;cursor:pointer;background:#16191e;border:1px solid #363a40;justify-content:center;align-items:center;gap:7px;min-height:45px;padding:10px 13px;font-size:10px;font-weight:800;display:inline-flex}.modalActions a{border-color:var(--orange);background:var(--orange)}.modalActions svg{width:15px}@media (width<=1100px){.portfolioGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.modalPanel{grid-template-columns:1fr 390px}.modalMedia,.modalMedia>img{min-height:550px}}@media (width<=780px){.portfolio{padding:65px 5%}.portfolioHeading{align-items:flex-start}.portfolioCount{display:none}.portfolioGrid{grid-template-columns:1fr}.portfolioImage{height:320px}.projectExpand{opacity:1;transform:scale(1)}.projectModal{padding:0}.modalPanel{grid-template-columns:1fr;width:100%;height:100%;max-height:100vh;display:block}.modalMedia,.modalMedia>img{height:47vh;min-height:0}.modalContent{padding:34px 22px 30px}.modalContent h2{font-size:38px}.modalActions{grid-template-columns:1fr 1fr}.modalActions a{grid-area:1/1/auto/-1}}@media (width<=480px){.portfolioHeading h2{font-size:39px}.projectFilters{flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.projectFilters button{flex:none}.portfolioImage{height:290px}.portfolioFooter{flex-direction:column;align-items:flex-start}.portfolioFooter button{justify-content:center;width:100%}.modalMedia,.modalMedia>img{height:42vh}.modalArrow{width:42px;height:42px}}
