:root{--ink:#0a0c0d;--paper:#ecebe7;--orange:#f1772c;--muted:#9b9d9c;--line:rgba(255,255,255,.16);--head:"Manrope",sans-serif;--body:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:90;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{height:88px;position:absolute;z-index:20;top:0;left:0;right:0;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:600 .8rem var(--head);letter-spacing:.15em}.brand b{display:block;font-size:.55rem;letter-spacing:.35em;color:#a7aaa9;margin-top:2px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--orange);color:var(--orange);font:800 1rem var(--head);transform:skew(-8deg)}nav{display:flex;gap:36px;font-size:.85rem;color:#c7c9c8}nav a,.header-cta{transition:.25s;color:#d7d8d7}nav a:hover{color:white}.header-cta{font-size:.85rem;border-bottom:1px solid var(--orange);padding:8px 0}.header-cta span,.text-link span{color:var(--orange);margin-left:9px}.menu-toggle{display:none;background:none;border:0;color:white}
.hero{position:relative;min-height:100svh;background:#0a0c0d;color:#fff;display:flex;align-items:end;overflow:hidden}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.94) 0%,rgba(5,7,8,.7) 34%,rgba(5,7,8,.12) 75%),linear-gradient(0deg,rgba(5,7,8,.58),transparent 50%),url("assets/vandor-hero.png") 55% center/cover no-repeat;transform:scale(1.04);animation:heroZoom 10s ease-out forwards}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:25vw 25vw;mask-image:linear-gradient(to right,black,transparent 75%)}.hero-content{position:relative;z-index:2;width:100%;padding:160px 8vw 8vh}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.25em;color:#c1c3c2}.hero-title{font:800 clamp(4rem,10.8vw,10rem)/.83 var(--head);letter-spacing:-.065em;margin:5vh 0}.hero-title .line{display:block;overflow:hidden}.hero-title .line span{display:block;transform:translateY(110%);animation:titleIn 1s cubic-bezier(.2,.85,.2,1) .15s forwards}.hero-title .line:nth-child(2) span{animation-delay:.3s}.hero-title .accent{color:transparent;-webkit-text-stroke:1.5px var(--orange);padding-bottom:.08em}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:930px}.hero-bottom>p{max-width:570px;font-size:1.15rem;line-height:1.65;color:#c3c5c4}.circle-link{width:112px;height:112px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-content:center;gap:8px;text-align:center;font-size:.75rem;transition:.3s}.circle-link b{color:var(--orange);font-size:1.1rem}.circle-link:hover{background:var(--orange);border-color:var(--orange);color:var(--ink)}.circle-link:hover b{color:var(--ink)}.hero-index{position:absolute;right:4vw;top:47%;display:flex;align-items:center;gap:10px;transform:rotate(90deg);transform-origin:right;color:#aaa;font-size:.68rem;letter-spacing:.15em}.hero-index i{width:50px;height:1px;background:var(--orange)}.scroll-label{position:absolute;right:4vw;bottom:8vh;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.2em;font-size:.58rem;color:#999}
.section-pad{padding:130px 8vw}.section-tag{display:flex;gap:18px;text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;font-weight:600;margin-bottom:80px}.section-tag span{color:var(--orange)}.section-tag.light{color:#a4a6a5}.intro-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.intro h2,.cap-head h2,.project-copy h2,.contact h2{font:700 clamp(3rem,6.6vw,7rem)/.94 var(--head);letter-spacing:-.055em;margin:0}.intro h2 em,.cap-head em,.project-copy em,.contact em{font-style:normal;color:var(--orange)}.intro-copy{padding-top:12px;max-width:560px}.intro-copy p{color:#606362;line-height:1.65}.intro-copy .lead{font-size:1.35rem;color:var(--ink);margin-top:0}.text-link{display:inline-flex;margin-top:25px;padding-bottom:8px;border-bottom:1px solid #8b8c8b;font-size:.85rem;font-weight:600}.metrics{margin-top:120px;border-top:1px solid #bfc0bd;display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:35px 25px 0 0;border-right:1px solid #bfc0bd;min-height:180px}.metric:not(:first-child){padding-left:28px}.metric:last-child{border:0}.metric strong{font:700 clamp(2.8rem,5vw,5rem) var(--head);letter-spacing:-.07em}.metric sup{font:700 1.3rem var(--head);color:var(--orange)}.metric span{display:block;margin-top:8px;color:#696b6a;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.capabilities{background:var(--ink);color:#fff}.cap-head{display:flex;align-items:end;justify-content:space-between;gap:8vw;margin-bottom:90px}.cap-head p{max-width:370px;color:#9fa1a0;line-height:1.7}.cap-list{border-top:1px solid var(--line)}.cap-item{display:grid;grid-template-columns:80px 1fr 1fr 40px;align-items:center;gap:30px;padding:32px 0;border-bottom:1px solid var(--line);transition:.35s;position:relative}.cap-item:before{content:"";position:absolute;inset:0;background:var(--orange);transform:scaleY(0);transform-origin:bottom;transition:transform .35s;z-index:0}.cap-item>*{position:relative;z-index:1}.cap-item:hover:before{transform:scaleY(1)}.cap-item:hover{padding-left:24px;color:#0a0c0d}.cap-item>span{font-size:.7rem;color:var(--orange)}.cap-item:hover>span{color:#0a0c0d}.cap-item h3{font:600 clamp(1.6rem,3vw,3.3rem) var(--head);margin:0;letter-spacing:-.04em}.cap-item p{color:#989a99;max-width:430px;line-height:1.55}.cap-item:hover p{color:#2c2c2c}.cap-item b{font-size:1.3rem}
.project-shell{display:grid;grid-template-columns:1fr 1fr;min-height:670px}.project-visual{background:#171a1b;position:relative;overflow:hidden;color:#fff;display:grid;place-items:center}.project-number{font:700 clamp(5rem,10vw,10rem) var(--head);color:var(--orange);letter-spacing:-.08em;position:relative;z-index:2}.project-number sup{font-size:2rem}.orbit{position:absolute;border:1px solid #3a3d3e;border-radius:50%;animation:spin 14s linear infinite}.orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--orange);top:50%;left:-4px}.orbit.one{width:380px;height:380px}.orbit.two{width:540px;height:540px;animation-direction:reverse;animation-duration:20s}.core{position:absolute;width:230px;height:230px;border:1px solid #292c2d;border-radius:50%;box-shadow:0 0 80px rgba(241,119,44,.14)}.project-visual p{position:absolute;bottom:45px;left:50px;color:#9da09f;text-transform:uppercase;font-size:.68rem;line-height:1.6;letter-spacing:.15em}.project-copy{padding:75px;background:#fff;display:flex;flex-direction:column;justify-content:center}.eyebrow.dark{color:#767978}.project-copy h2{font-size:clamp(2.5rem,4.7vw,5rem);margin:25px 0 35px}.project-copy>p:not(.eyebrow){line-height:1.7;color:#656766}.project-stats{display:flex;gap:55px;margin-top:30px}.project-stats span{font-size:.72rem;text-transform:uppercase;color:#737574}.project-stats strong{display:block;font:700 2.3rem var(--head);color:var(--ink);letter-spacing:-.05em;text-transform:none}
.contact{background:var(--ink);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 300px;align-items:center;gap:8vw}.contact-grid>div>p{color:#9a9c9b;max-width:570px;line-height:1.65;font-size:1.1rem}.contact-orb{width:280px;height:280px;border-radius:50%;background:var(--orange);color:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;font:600 1.05rem var(--head);transition:.35s}.contact-orb:hover{transform:scale(.94)!important;background:#ff8b43}.contact-orb b{font-size:1.7rem}.contact-meta{border-top:1px solid var(--line);margin-top:100px;padding-top:30px;display:flex;justify-content:space-between;color:#8f9190;font-size:.82rem}.contact-meta a{color:#fff}
footer{background:#050607;color:#8b8d8c;min-height:120px;padding:35px 4vw;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;border-top:1px solid #202223}footer .brand{color:#fff}footer p a{color:var(--orange)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}.cursor-dot{width:6px;height:6px;background:var(--orange)}.cursor-ring{width:36px;height:36px;border:1px solid rgba(241,119,44,.75);transition:width .25s,height .25s,background .25s,border .25s}.cursor-ring.hover{width:64px;height:64px;background:rgba(241,119,44,.12);border-color:var(--orange)}@media(pointer:fine){body,a,button{cursor:none}}
@keyframes titleIn{to{transform:translateY(0)}}@keyframes heroZoom{to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.site-header{height:74px;padding:0 22px}.site-header nav,.header-cta{display:none}.menu-toggle{display:block;width:42px;height:42px}.menu-toggle i{display:block;height:1px;background:#fff;margin:7px}.menu-toggle.open i:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.open i:last-child{transform:translateY(-4px) rotate(-45deg)}nav.open{display:flex;position:absolute;top:74px;left:0;right:0;background:#0a0c0d;padding:35px 22px;flex-direction:column}.hero-content{padding:130px 24px 8vh}.hero-title{font-size:clamp(3.7rem,16vw,6rem)}.hero-bottom{align-items:center}.hero-bottom>p{font-size:1rem}.circle-link{width:90px;height:90px;flex:0 0 auto}.scroll-label,.hero-index{display:none}.section-pad{padding:90px 24px}.section-tag{margin-bottom:50px}.intro-layout,.project-shell{grid-template-columns:1fr}.intro-copy{margin-top:45px}.metrics{grid-template-columns:1fr 1fr;margin-top:80px}.metric:nth-child(2){border-right:0}.cap-head{display:block}.cap-head p{margin-top:35px}.cap-item{grid-template-columns:45px 1fr 28px;gap:15px}.cap-item p{display:none}.project-visual{min-height:500px}.project-copy{padding:60px 30px}.contact-grid{grid-template-columns:1fr}.contact-orb{width:220px;height:220px;margin-top:30px}.contact-meta{gap:15px;flex-direction:column}footer{gap:30px;align-items:flex-start;flex-direction:column}.cursor-dot,.cursor-ring{display:none}}
@media(max-width:520px){.brand{font-size:.7rem}.hero-media{background-position:62% center}.hero-bottom{display:block}.circle-link{margin-top:30px}.intro h2,.cap-head h2,.contact h2{font-size:2.65rem}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid #bfc0bd;padding-left:0!important}.project-visual{min-height:390px}.orbit.one{width:270px;height:270px}.orbit.two{width:360px;height:360px}.project-copy{padding:50px 24px}.project-stats{gap:30px}.contact-orb{width:190px;height:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}