:root{--gold:#d8aa4e;--gold2:#f0d083;--ink:#0a0a0a;--soft:#111;--paper:#f1efe9;--muted:#9c9c9c;--line:rgba(255,255,255,.14);--max:1280px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.section{padding:140px 0}.eyebrow{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;margin-bottom:24px}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1;letter-spacing:-.055em}h1{font-size:clamp(64px,8.4vw,132px);max-width:1000px}h2{font-size:clamp(48px,6vw,88px)}h1 em,h2 em,blockquote em{color:var(--gold2);font-weight:500}p{line-height:1.7}.btn{display:inline-flex;justify-content:center;align-items:center;gap:40px;border:0;cursor:pointer;padding:19px 27px;font-size:14px;font-weight:700}.btn-gold{background:var(--gold);color:#090909;transition:.3s}.btn-gold:hover{background:var(--gold2);transform:translateY(-2px)}.text-link{display:inline-flex;gap:36px;align-items:center;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:14px}.text-link span,.btn span{transition:.25s}.text-link:hover span,.btn:hover span{transform:translate(3px,-3px)}#loader{position:fixed;inset:0;background:#050505;z-index:9999;display:grid;place-content:center;transition:opacity .7s,visibility .7s}#loader.done{opacity:0;visibility:hidden}#loader img{width:170px}#loader span{width:0;height:1px;background:var(--gold);display:block;margin:30px auto 0;animation:load 1s forwards}@keyframes load{to{width:170px}}#navbar{position:fixed;z-index:1000;width:100%;top:0;padding:20px 0;transition:.35s}#navbar.scrolled{background:rgba(8,8,8,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:12px 0}.nav-inner{display:flex;align-items:center;justify-content:space-between}.logo img{width:96px;height:62px;object-fit:contain}.nav-inner nav{display:flex;gap:38px}.nav-inner nav a{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#c9c9c9;transition:.2s}.nav-inner nav a:hover,.nav-inner nav a.active{color:var(--gold)}.nav-cta{font-size:13px;border-bottom:1px solid var(--gold);padding:10px 0}.nav-cta span{color:var(--gold);margin-left:15px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:180px 0 70px;overflow:hidden}.hero-bg{position:absolute;inset:-3%;background:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2200&q=90') center/cover;animation:heroZoom 18s ease-out forwards}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.58) 48%,rgba(5,5,5,.15)),linear-gradient(0deg,rgba(5,5,5,.75),transparent 50%)}@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}.hero-layout{position:relative}.hero-copy .eyebrow{margin-bottom:30px}.lead{max-width:570px;color:#d1d1d1;font-size:17px;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:40px}.hero-stats{position:absolute;right:0;bottom:0;display:flex;gap:42px}.hero-stats div{border-left:1px solid rgba(255,255,255,.3);padding-left:18px}.hero-stats strong{display:block;font:600 30px Manrope}.hero-stats span{font-size:11px;color:#bbb;text-transform:uppercase;letter-spacing:.1em}.scroll-cue{position:absolute;right:24px;top:50%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#aaa}.scroll-cue span{height:55px;width:1px;background:var(--gold);display:inline-block;margin-bottom:15px}.section-head{margin-bottom:75px}.section-head.split{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.section-head.split>p{max-width:410px;color:var(--muted)}.about{background:var(--paper);color:#111}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center}.about-image{position:relative}.about-image img{height:650px;object-fit:cover}.about-image span{position:absolute;bottom:0;right:0;background:var(--paper);padding:18px 25px;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.about-copy>p{color:#686868;margin-bottom:28px}.about-copy .big-copy{font:500 clamp(24px,2.6vw,37px)/1.35 Manrope;color:#151515;letter-spacing:-.03em}.values{margin:50px 0}.values div{display:flex;gap:26px;border-top:1px solid #ccc;padding:17px 0;font-size:14px}.values b{color:#a37827}.services{background:#0a0a0a}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:80px 1fr 1fr 30px;gap:30px;align-items:center;padding:34px 10px;border-bottom:1px solid var(--line);transition:.3s}.service:hover{background:#121212;padding-left:24px}.service>span{color:var(--gold);font-size:12px}.service h3{font-size:clamp(30px,4vw,55px)}.service p{color:var(--muted);font-size:14px;max-width:430px}.service b{font-size:24px;color:var(--gold)}.projects{background:#111}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{position:relative;overflow:hidden;height:590px}.project-wide{grid-column:1/-1;height:670px}.project img{height:100%;object-fit:cover;transition:transform .7s}.project:hover img{transform:scale(1.035)}.project:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.project>div{position:absolute;z-index:2;left:34px;bottom:32px}.project p{color:var(--gold2);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.project h3{font-size:35px;margin:9px 0}.project div span{color:#bbb;font-size:13px}.statement{padding:140px 0;background:var(--gold);color:#0a0a0a;text-align:center}.statement .container>span{font:100px/1 serif}.statement blockquote{font:600 clamp(42px,6vw,82px)/1.1 Manrope;letter-spacing:-.05em}.statement blockquote em{color:white}.statement p{margin-top:30px;font-size:12px;text-transform:uppercase;letter-spacing:.2em}.contact{background:#0a0a0a}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.contact-grid>div>p:not(.eyebrow){color:var(--muted);max-width:440px;margin:30px 0}.contact-grid>div>a{color:var(--gold2);font-size:20px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-form label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#aaa}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #444;background:transparent;color:white;padding:14px 0;outline:0;margin-top:6px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold)}.contact-form option{background:#111}.contact-form .full{grid-column:1/-1}.form-status{color:var(--gold2);font-size:13px}footer{background:#060606;padding:70px 0 25px;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1.4fr 1fr .6fr .6fr;gap:50px;padding-bottom:70px}.footer-top img{width:135px}.footer-top p{color:#777}.footer-top div{display:flex;flex-direction:column;gap:14px;font-size:13px;color:#aaa}.footer-top a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;color:#666;font-size:11px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.container{width:min(calc(100% - 32px),var(--max))}.section{padding:95px 0}.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:7px;z-index:2}.menu-toggle span{display:block;width:27px;height:1px;background:white;transition:.3s}.nav-inner nav{position:fixed;inset:0;background:#090909;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;transform:translateY(-100%);transition:.45s}.nav-inner nav.open{transform:none}.nav-inner nav a{font:600 28px Manrope}.menu-toggle.open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero-stats{display:none}.scroll-cue{display:none}.about-grid,.contact-grid{grid-template-columns:1fr;gap:65px}.about-image img{height:500px}.service{grid-template-columns:40px 1fr 20px}.service p{display:none}.project-grid{grid-template-columns:1fr}.project-wide{grid-column:auto}.project,.project-wide{height:520px}.section-head.split{align-items:flex-start;flex-direction:column}.footer-top{grid-template-columns:1fr 1fr}.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1/-1}}@media(max-width:560px){h1{font-size:55px}.hero{padding-bottom:55px}.hero-actions{align-items:flex-start;flex-direction:column;gap:25px}.lead{font-size:15px}.about-image img{height:400px}.project,.project-wide{height:430px}.contact-form{gap:22px}.footer-top{grid-template-columns:1fr}.footer-bottom{gap:15px;flex-direction:column}}
/* Cinematic brand intro */
#intro{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;background:#050505;opacity:0;visibility:hidden;overflow:hidden}
#intro img{position:relative;z-index:2;width:min(46vw,460px);opacity:0;filter:drop-shadow(0 20px 45px rgba(0,0,0,.5));transform:scale(.72)}
#intro .intro-glow{position:absolute;width:min(70vw,700px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(216,170,78,.12),transparent 67%);opacity:0}
#intro.play{visibility:visible;animation:introCanvas 2.8s ease forwards}
#intro.play img{animation:introLogo 2.8s cubic-bezier(.22,.8,.25,1) forwards}
#intro.play .intro-glow{animation:introGlow 2.8s ease forwards}
@keyframes introCanvas{0%{opacity:0}12%,72%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes introLogo{0%{opacity:0;transform:scale(.72)}16%{opacity:1;transform:scale(.88)}48%{opacity:1;transform:scale(1.09)}68%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.97)}}
@keyframes introGlow{0%{opacity:0;transform:scale(.7)}35%{opacity:1;transform:scale(1)}75%{opacity:.65;transform:scale(1.15)}100%{opacity:0;transform:scale(1.3)}}
@media(prefers-reduced-motion:reduce){#intro.play,#intro.play img,#intro.play .intro-glow{animation-duration:.7s}}

/* Original KUKA opening sequence */
body.intro-active{overflow:hidden}body.intro-active #navbar{opacity:0;transform:translateY(-40px)}
#loader{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999;overflow:hidden;opacity:1;visibility:visible}
#loader::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(rgba(217,164,65,.18),transparent 70%);filter:blur(100px);animation:pulseGlow 5s ease-in-out infinite}
.loader-logo{position:relative;width:170px;z-index:10;overflow:hidden}.loader-logo img{width:100%;animation:logoAppear 1.6s ease,logoFloat 5s ease-in-out infinite}.loader-logo::after{content:"";position:absolute;top:-25%;left:-180%;width:70%;height:150%;transform:rotate(25deg);background:linear-gradient(transparent,rgba(255,255,255,.85),transparent);animation:goldSweep 2.8s ease forwards}
.loader-text{position:relative;z-index:2;margin-top:35px;font:500 15px Poppins,Inter,sans-serif;letter-spacing:8px;text-transform:uppercase;color:#d9a441;opacity:.85;animation:fadeText 2s ease infinite}.loader-line{position:relative;z-index:2;width:240px;height:2px;background:rgba(255,255,255,.08);margin-top:45px;overflow:hidden;border-radius:100px}.loader-line span{display:block;width:80px;height:100%;margin:0;background:linear-gradient(90deg,transparent,#d9a441,transparent);animation:loadingLine 1.6s linear infinite}.loader-percent{position:relative;z-index:2;margin-top:25px;color:white;font-size:14px;letter-spacing:3px;opacity:.5}
@keyframes pulseGlow{0%,100%{transform:scale(.9);opacity:.45}50%{transform:scale(1.2);opacity:.9}}@keyframes logoAppear{from{opacity:0;transform:scale(.7) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes goldSweep{from{left:-180%}to{left:220%}}@keyframes fadeText{0%,100%{opacity:.2}50%{opacity:1}}@keyframes loadingLine{from{transform:translateX(-120px)}to{transform:translateX(280px)}}
#intro{display:block;position:fixed;inset:0;width:100%;height:100vh;overflow:hidden;z-index:9998;background:#000;opacity:0;visibility:hidden}.intro-backdrop{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2200&q=90') center/cover}.intro-overlay{position:absolute;inset:0;background:#000;opacity:.72}.intro-logo{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.75)}#intro .intro-logo img{position:static;width:min(64vw,650px);opacity:1;transform:none;filter:none}
body.intro-active .hero-copy,body.intro-active .hero-stats{opacity:0;transform:translateY(50px)}body.hero-entering .hero-copy,body.hero-entering .hero-stats{opacity:1;transform:none;transition:opacity 1.2s ease,transform 1.2s ease}
@media(max-width:600px){.loader-text{font-size:10px;letter-spacing:5px}.loader-logo{width:145px}#intro .intro-logo img{width:88vw}}

/* Original mouse-following gold light */
.hero-light{position:fixed;width:500px;height:500px;border-radius:50%;pointer-events:none;background:radial-gradient(rgba(217,164,65,.18),transparent 70%);filter:blur(80px);mix-blend-mode:screen;z-index:5;transition:left .15s linear,top .15s linear;animation:heroLightPulse 10s ease-in-out infinite}
.hero-layout{z-index:20}
@keyframes heroLightPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}

/* Original gold scrollbar */
*{scrollbar-width:auto;scrollbar-color:#d8aa4e #0b0b0d}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0b0b0d}::-webkit-scrollbar-thumb{background:#d8aa4e;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#f0d083}

/* Floating architectural details */
.about>.container,.services>.container,.projects>.container,.statement>.container,.contact>.container{position:relative;z-index:2}
.about,.services,.projects,.statement,.contact{overflow:hidden}
/* Contact details */
.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.contact-links a{display:inline-flex;align-items:center;gap:10px;color:var(--gold2);font-size:20px;transition:color .25s}.contact-links a:hover{color:#fff}
.form-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.contact-form button:disabled{cursor:wait;opacity:.65;transform:none}.form-status{min-height:22px}

/* Balanced footer credits */
.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.footer-bottom .copyright{text-align:center}.footer-bottom .back-top{justify-self:end}.footer-bottom .site-credit{justify-self:start}.site-credit a{color:var(--gold);transition:color .25s}.site-credit a:hover{color:var(--gold2)}
@media(max-width:700px){.footer-bottom{display:flex;align-items:center;text-align:center}.footer-bottom .site-credit,.footer-bottom .back-top{align-self:center}}

/* Language selector */
.language-toggle{display:flex;align-items:center;gap:6px;padding:8px 0;background:transparent;border:0;color:#777;font-size:11px;letter-spacing:.09em;cursor:pointer}.language-toggle b,.language-toggle em{font-style:normal;font-weight:600;transition:color .25s}.language-toggle b{color:var(--gold)}.language-toggle:hover em{color:#fff}html[lang="sq"] .language-toggle b{color:#777}html[lang="sq"] .language-toggle em{color:var(--gold)}
@media(max-width:900px){.language-toggle{margin-left:auto;margin-right:22px;z-index:3}.nav-inner nav{z-index:2}}
