@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#10141d;--panel:#171e2a;--panel2:#202a38;--text:#f5f6f8;--muted:#aab4c2;--gold:#f5b323;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:88px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#10141df2;backdrop-filter:blur(12px);z-index:10}.logo img{width:160px;height:auto;max-height:76px;object-fit:contain;object-position:center;display:block;background:#10141d}.nav{display:flex;align-items:center;gap:20px;font-size:12px;font-weight:700}.nav a{color:#d9dee6}.nav a:hover,.nav a.active{color:var(--gold)}.nav .contact-link{padding:12px 16px;background:var(--gold);color:#111;border-radius:3px}.toggle{display:none;background:none;border:1px solid var(--line);color:white;font-size:24px;padding:5px 12px}.hero{min-height:540px;padding:100px 9%;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,#5b421b55,transparent 40%),linear-gradient(120deg,#111722,#10141d)}.hero:after{content:'S';position:absolute;right:12%;font-size:440px;font-weight:800;color:#ffffff08;line-height:1}.hero-content{max-width:680px;position:relative;z-index:1}.eyebrow,.kicker{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:800}.hero h1{font-size:clamp(44px,7vw,78px);line-height:1.05;letter-spacing:-3px;margin:22px 0}.hero h1 span{color:var(--gold)}.lead{font-size:16px;line-height:1.9;color:var(--muted);max-width:670px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:14px 19px;background:var(--gold);color:#111;font-size:12px;font-weight:800;border-radius:3px}.btn.secondary{background:transparent;color:#fff;border:1px solid var(--line)}.wrap{max-width:1180px;margin:auto;padding:76px 28px}.title{font-size:clamp(36px,5vw,58px);letter-spacing:-2px;margin:12px 0 22px}.copy{color:var(--muted);line-height:1.9;font-size:14px;max-width:850px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.card{padding:26px;background:var(--panel);border:1px solid var(--line);min-height:190px}.card .num{color:var(--gold);font-size:11px}.card h3{font-size:19px;margin:16px 0 10px}.card p{color:var(--muted);font-size:13px;line-height:1.8}.card a{color:var(--gold);font-size:12px;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:35px}.list{list-style:none;padding:0;margin:20px 0}.list li{padding:13px 0;border-bottom:1px solid var(--line);color:#d7dce4;font-size:14px}.banner{padding:35px;background:linear-gradient(110deg,#302719,#1b2430);border-left:3px solid var(--gold);margin-top:35px}.project{min-height:190px;background:linear-gradient(140deg,#293546,#151d28);padding:25px;display:flex;flex-direction:column;justify-content:end;border:1px solid var(--line)}.project small{color:var(--gold);letter-spacing:1px}.project h3{margin:10px 0}.form{display:grid;gap:13px;background:var(--panel);padding:25px}.form input,.form textarea{background:#0f141d;color:white;border:1px solid var(--line);padding:13px;font:inherit}.form button{border:0;cursor:pointer}.footer{border-top:1px solid var(--line);padding:28px 6%;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#9ca8b7;font-size:11px}.footer a{color:var(--gold)}@media(max-width:1100px){.nav{gap:11px;font-size:10px}}@media(max-width:850px){.toggle{display:block}.nav{display:none;position:absolute;top:87px;left:0;right:0;background:#111823;padding:18px 6%;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 0}.nav .contact-link{padding:12px;margin-top:8px;text-align:center}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.header{height:74px}.logo img{width:140px;height:auto;max-height:64px}.nav{top:73px}.hero{padding:75px 7%;min-height:500px}.grid,.split{grid-template-columns:1fr}.wrap{padding:58px 22px}.footer{flex-direction:column}}

/* Project portfolio and image gallery */
.status{display:inline-flex;align-items:center;width:max-content;padding:7px 11px;border-radius:2px;font-size:10px;font-weight:800;letter-spacing:.3px;margin:8px 0 12px}.status.done{background:#173c2c;color:#8ee0b1;border:1px solid #2b7651}.status.current{background:#493318;color:#ffd08a;border:1px solid #8c5a22}.status.upcoming{background:#303744;color:#c5ced9;border:1px solid #596475}.status-legend{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 10px}.project-link{color:inherit;transition:transform .2s,border-color .2s}.project-link:hover{transform:translateY(-3px);border-color:var(--gold)}.project-link .status{margin:5px 0}.project-more{color:var(--gold);font-size:12px;font-weight:800;margin-top:12px}.project-intro{margin:22px 0 28px}.photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.gallery-item{margin:0;background:var(--panel);border:1px solid var(--line);overflow:hidden}.gallery-item img{display:block;width:100%;height:100%;max-height:620px;object-fit:cover;transition:transform .35s}.gallery-item:hover img{transform:scale(1.025)}.back-link{margin-top:32px;font-size:13px;font-weight:700}.back-link a{color:var(--gold)}@media(max-width:650px){.photo-gallery{grid-template-columns:1fr}.gallery-item img{max-height:none}.status-legend{gap:5px}}
\n.onyx-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:28px 0}.onyx-gallery img{width:100%;height:330px;object-fit:cover;border-radius:14px;display:block}@media(max-width:600px){.onyx-gallery{grid-template-columns:1fr}.onyx-gallery img{height:auto}}\n
.gf-media{margin:32px 0}.gf-media h2{margin:28px 0 14px}.gf-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gf-gallery img{width:100%;height:300px;object-fit:cover;border-radius:12px;display:block}.gf-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gf-videos video{width:100%;max-height:500px;background:#090909;border-radius:12px}@media(max-width:760px){.gf-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gf-gallery img{height:220px}.gf-videos{grid-template-columns:1fr}}

/* Dual-language controls - visible in desktop and mobile header */
.logo{flex-shrink:0;margin-right:auto}
.site-language-switch{display:flex;align-items:center;gap:5px;margin-left:15px;flex-shrink:0;order:1}
.site-language-switch a{display:inline-block;padding:8px 9px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:12px;font-weight:800;line-height:1}
.site-language-switch a:hover{color:var(--gold);border-color:var(--gold)}
.site-language-switch a.selected{color:#111;background:var(--gold);border-color:var(--gold)}
.header .nav{order:0}
.header .toggle{order:2}
@media(max-width:1320px){.toggle{display:block}.nav{display:none;position:absolute;top:87px;left:0;right:0;background:#111823;padding:18px 6%;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 0}}
@media(max-width:560px){.nav{top:73px}.site-language-switch{margin-left:8px}.site-language-switch a{padding:7px 8px;font-size:11px}}
.onyx-description{margin:22px 0 14px;max-width:850px}

/* Direct enquiry form (BG / EN) */
.form label{font-size:12px;font-weight:650;color:#dce4ed;margin-bottom:-6px}
.form input,.form textarea{width:100%;box-sizing:border-box;border-radius:3px}
.form input:focus,.form textarea:focus{outline:2px solid #e8ac37;outline-offset:1px}
.form textarea{resize:vertical;min-height:115px}
.form button:disabled{opacity:.65;cursor:wait}
.form .form-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.form .form-status{font-size:13px;line-height:1.5;padding:10px 12px;border:1px solid var(--line)}
.form .form-status[hidden]{display:none}
.form .form-success{color:#b6edd0;border-color:#36634d}
.form .form-error{color:#ffc6c0;border-color:#864841}
.form .form-note{font-size:11px;color:#a9b3bf;line-height:1.6}

.project-site-link{margin:22px 0 0;}
