:root{--bg:#101312;--panel:#1b201e;--gold:#c8a86a;--text:#f3f0e8;--muted:#a7aaa5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:auto;padding:0 26px}header{position:sticky;top:0;z-index:5;background:#101312ed;border-bottom:1px solid #ffffff1a}nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:22px;font-weight:800;letter-spacing:2px}.brand span{color:var(--gold);font-weight:400}.links{display:flex;gap:28px;font-size:12px}.btn,button{display:inline-block;padding:15px 24px;border:1px solid var(--gold);color:#141713;background:var(--gold);font-weight:800;font-size:12px;letter-spacing:1px;cursor:pointer}.btn.outline{background:transparent;color:var(--text)}.menu{display:none}.hero{min-height:680px;display:flex;align-items:center;background:linear-gradient(90deg,#101312 0%,#101312df 42%,#10131255 100%),url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1800&q=85') center/cover}.hero .wrap{width:100%}.eyebrow{color:var(--gold);letter-spacing:3px;font-size:12px;font-weight:700}.hero h1{font-size:clamp(42px,6vw,83px);line-height:1.08;letter-spacing:-2px;max-width:800px;margin:22px 0}.hero p{max-width:520px;color:#d4d5d0;line-height:1.9;margin-bottom:32px}.stats{display:flex;gap:65px;margin-top:65px;border-top:1px solid #ffffff35;padding-top:24px;font-size:11px;letter-spacing:1px}.stats strong{display:block;font-size:26px;color:var(--gold);margin-bottom:8px}.section{padding:100px 0}.section h2{font-size:clamp(32px,4vw,52px);letter-spacing:-1px}.lead{line-height:1.9;color:var(--muted);max-width:630px;margin-bottom:28px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.aboutimg{width:100%;height:440px;object-fit:cover}.alt{background:#171c19}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.card{background:var(--panel);padding:32px;border:1px solid #ffffff16}.card b,.project small{color:var(--gold)}.card h3{font-size:21px}.card p{color:var(--muted);line-height:1.7}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:35px}.project{min-height:300px;background:#282e2b center/cover;display:flex;align-items:end;padding:25px}.project>div{background:#101312cc;padding:18px;width:100%}.project h3{font-size:22px}.project p{color:#ddd}footer{border-top:1px solid #ffffff20;padding:35px 0;color:#999;font-size:12px}form{display:grid;gap:14px}label{display:grid;gap:7px;color:#ccc;font-size:13px}input,textarea{width:100%;padding:13px;border:1px solid #555;background:#111513;color:#fff;font:inherit}textarea{min-height:100px}button{width:max-content}.hidden{position:absolute;left:-9999px}.formbox{max-width:530px;margin:65px auto;padding:30px;background:var(--panel)}.formbox h1 span{color:var(--gold)}.error{color:#ff9d9d}.admin{padding-top:50px;padding-bottom:90px}.admin section{margin:25px 0}.narrow{max-width:480px}.item{display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid #555;padding:15px 0}.item p{overflow-wrap:anywhere}@media(max-width:760px){nav{height:70px}.menu{display:block;background:none;color:white;border:1px solid #777;padding:8px 12px}.topbtn{display:none}.links{display:none;position:absolute;top:70px;left:0;right:0;background:#171c19;padding:25px;flex-direction:column}.links.open{display:flex}.hero{min-height:640px}.stats{gap:25px}.split,.cards,.projects{grid-template-columns:1fr}.section{padding:65px 0}.aboutimg{height:300px}.formbox{margin:20px}.item{flex-direction:column}}

/* Original visual language retained; only responsive refinements and new features. */
html{scroll-padding-top:85px}body{overflow-x:hidden}img{max-width:100%}
.brand-logo{display:flex;align-items:center;flex-shrink:0}.brand-logo img{width:142px;height:65px;object-fit:contain;object-position:left center}
nav{gap:16px}.links{gap:20px}.links a:hover,.call-title:hover{color:var(--gold)}
.contact-split{grid-template-columns:1.15fr .85fr}.call-title{display:inline-block}.contact-list{display:grid;gap:18px;overflow-wrap:anywhere}.contact-list a{width:fit-content;color:var(--text);border-bottom:1px solid #c8a86a66;padding-bottom:4px}.contact-list a:hover{color:var(--gold)}
.contact-logo{display:flex;justify-content:center;align-items:center;min-width:0}.contact-logo img{width:min(100%,310px);height:auto;max-height:340px;object-fit:contain}
.footer-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.footer-inner img{width:88px;max-height:90px;object-fit:contain}
.wa-float{position:fixed;right:0;top:52%;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;background:#25d366;color:white;border-radius:11px 0 0 11px;z-index:40;box-shadow:0 3px 14px #0005;transition:width .2s ease}.wa-float:hover{width:49px}.wa-float svg{width:25px;height:25px}
.reference-viewport{overflow:hidden;margin-top:35px;mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent)}.reference-track{display:flex;gap:18px;width:max-content;animation:ref-scroll 38s ease-in-out infinite alternate}.reference-viewport:hover .reference-track{animation-play-state:paused}.reference-item{width:270px;flex:none;margin:0;background:var(--panel);border:1px solid #ffffff1b}.reference-item img{display:block;width:100%;height:190px;object-fit:cover}.reference-item figcaption{padding:16px;font-weight:bold}.reference-item:focus-within{outline:2px solid var(--gold)}@keyframes ref-scroll{from{transform:translateX(0)}to{transform:translateX(min(0px, calc(100vw - 100% - 48px)))}}
.project-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.project-thumbs img{width:68px;height:58px;object-fit:cover;border:1px solid #c8a86a80}.project{overflow:hidden}.project>div{min-width:0}.project p{overflow-wrap:anywhere}
.admin-thumb{width:100px;height:75px;object-fit:cover;display:block;margin-bottom:8px}.admin-edit{padding:18px 0;border-bottom:1px solid #ffffff20}select{width:100%;padding:13px;background:#111513;color:white;border:1px solid #555}
@media(max-width:960px){.links{gap:12px;font-size:11px}.wrap{padding-left:20px;padding-right:20px}.topbtn{padding:13px}.brand-logo img{width:120px}}
@media(max-width:760px){nav{height:72px}.brand-logo img{width:115px;height:59px}.menu{margin-left:auto}.links{z-index:10;top:72px;box-shadow:0 18px 25px #0009}.links a{padding:8px 0;font-size:13px}.hero{min-height:550px;background-position:center}.hero h1{font-size:clamp(35px,9vw,54px);letter-spacing:-1px}.hero p{line-height:1.6}.stats{gap:20px;flex-wrap:wrap;margin-top:40px}.stats strong{font-size:22px}.section{padding:58px 0}.section h2{font-size:clamp(30px,8vw,42px)}.split{gap:30px}.contact-split{grid-template-columns:1fr}.contact-logo img{max-width:180px}.reference-item{width:220px}.reference-item img{height:150px}.wa-float{width:40px;height:40px;top:53%}.wa-float svg{width:23px;height:23px}.footer-inner img{width:70px}.card{padding:23px}.admin{padding-top:25px}.formbox{padding:20px}}
@media(max-width:380px){.wrap{padding-left:16px;padding-right:16px}.hero h1{font-size:34px}.stats{gap:13px}.btn{padding:13px 15px}.brand-logo img{width:104px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reference-track{animation:none}.reference-viewport{overflow-x:auto;mask-image:none}}

.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}.admin-record{border:1px solid #ffffff25;padding:18px;border-radius:10px;background:#ffffff08;min-width:0}.admin-record img{width:100%;max-height:180px;object-fit:cover;border-radius:6px}.admin-record form{margin-top:12px}.admin-record textarea{min-height:75px}.admin-record .admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-record summary{cursor:pointer;color:#c9a56d;font-weight:700;padding:8px 0}.admin-record button{margin-top:8px}.admin-record .danger{background:#713638}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.admin-tabs a{padding:9px 12px;border:1px solid #ffffff35;border-radius:7px;color:inherit;text-decoration:none}.admin .card{scroll-margin-top:90px}
