:root{
  --navy:#071321;--navy2:#0b1d31;--ink:#101923;--gold:#e5b94f;
  --gold2:#f3d277;--white:#fff;--off:#f5f7f9;--muted:#687789;
  --line:#dce3e9;--radius:20px;--shadow:0 18px 55px rgba(4,17,30,.12);
  --max:1220px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--white);line-height:1.65;overflow-x:hidden}
body.no-scroll{overflow:hidden}
h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.08;letter-spacing:-.035em}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.section{padding:105px 0}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#9a7620;margin-bottom:18px}
.eyebrow:before{content:"";width:28px;height:2px;background:var(--gold)}
.section-title{font-size:clamp(34px,4.2vw,58px);max-width:780px}
.section-copy{color:var(--muted);max-width:700px;margin-top:18px;font-size:17px}
.dark{background:var(--navy);color:white}
.dark .section-copy{color:#aab7c5}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;padding:15px 23px;font-weight:800;font-size:13px;letter-spacing:.03em;transition:.25s ease}
.btn-gold{background:var(--gold);color:#08131e}
.btn-gold:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:0 12px 28px rgba(229,185,79,.25)}
.btn-dark{background:var(--navy);color:#fff}
.btn-dark:hover{transform:translateY(-2px)}
.btn-outline{border-color:#cfd7df;background:transparent}
.btn-outline:hover{border-color:var(--gold);color:#8a6818}
.btn-white{border-color:#526272;color:white;background:transparent}
.btn-white:hover{border-color:var(--gold);color:var(--gold2)}
.btn-link{padding:0;border:0;background:none;font-weight:800;color:#8b681b}
.btn-link span{transition:.2s}.btn-link:hover span{margin-left:5px}
header{position:fixed;z-index:1000;top:0;left:0;right:0;height:78px;display:flex;align-items:center;transition:.3s}
header.scrolled{background:rgba(7,19,33,.9);backdrop-filter:blur(16px);height:68px;box-shadow:0 5px 25px rgba(0,0,0,.14)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{display:flex;align-items:center;gap:11px;color:#fff;font-family:Manrope;font-weight:800;white-space:nowrap}
.logo-mark{width:38px;height:38px;border:2px solid var(--gold);border-radius:10px;display:grid;place-items:center;position:relative}
.logo-mark:after{content:"★";color:var(--gold);font-size:21px}
.logo small{display:block;font-size:9px;letter-spacing:.16em;color:#9eacb9;margin-top:-3px}
.navlinks{display:flex;align-items:center;gap:20px;color:#d6dee6;font-size:13px;font-weight:600}
.navlinks a{transition:.2s}.navlinks a:hover{color:var(--gold2)}
.menu{display:none;background:none;border:0;color:#fff;font-size:27px}
.hero{min-height:820px;background:
 radial-gradient(circle at 78% 34%,rgba(229,185,79,.13),transparent 22%),
 linear-gradient(135deg,#06121f,#0a1c2f 62%,#081522);
 color:#fff;position:relative;display:flex;align-items:center;padding:150px 0 90px;overflow:hidden}
.grid-bg{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(180,205,220,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(180,205,220,.25) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,black,transparent 85%)}
.hero .container{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.hero h1{font-size:clamp(45px,6.2vw,82px);max-width:780px}
.hero h1 em{font-style:normal;color:var(--gold2)}
.hero p{font-size:18px;color:#b8c5d1;max-width:650px;margin:24px 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.trust-mini{display:flex;gap:18px;flex-wrap:wrap;margin-top:31px;color:#cbd4dd;font-size:12px}
.trust-mini span{display:flex;gap:7px;align-items:center}.trust-mini i{color:var(--gold);font-style:normal}
.hero-visual{min-height:500px;position:relative;display:grid;place-items:center;perspective:900px}
.building{width:340px;height:390px;position:relative;transform:rotateY(-12deg) rotateX(5deg);animation:float 7s ease-in-out infinite}
@keyframes float{50%{transform:rotateY(-8deg) rotateX(2deg) translateY(-13px)}}
.floor{position:absolute;left:15%;right:12%;height:50px;border:1px solid rgba(222,235,245,.35);background:linear-gradient(90deg,rgba(64,103,132,.22),rgba(229,185,79,.09));transform:skewY(-5deg);box-shadow:0 0 20px rgba(90,150,190,.08)}
.floor:nth-child(1){top:12%}.floor:nth-child(2){top:25%}.floor:nth-child(3){top:38%}.floor:nth-child(4){top:51%}.floor:nth-child(5){top:64%}.floor:nth-child(6){top:77%}
.column{position:absolute;bottom:0;width:7px;height:90%;background:linear-gradient(#a9bdcc55,#e5b94f55);left:24%}.column.c2{left:48%}.column.c3{left:72%}
.ground{position:absolute;bottom:6%;left:5%;width:90%;height:4px;background:var(--gold);box-shadow:0 0 30px #e5b94f77}
.float-tag{position:absolute;padding:9px 12px;background:rgba(5,16,27,.82);border:1px solid #415363;border-radius:10px;font-size:10px;letter-spacing:.12em;color:#d9e2ea;backdrop-filter:blur(8px);animation:tagfloat 5s ease-in-out infinite}
.float-tag b{display:block;color:var(--gold2);font-size:12px;margin-top:2px}
@keyframes tagfloat{50%{transform:translateY(-8px)}}.t1{top:12%;left:0}.t2{top:35%;right:-5%;animation-delay:1s}.t3{bottom:25%;left:3%;animation-delay:2s}.t4{bottom:9%;right:4%;animation-delay:3s}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}
.trustbar{background:#f0f3f5;border-top:1px solid #dfe5ea;border-bottom:1px solid #dfe5ea}
.trustbar .container{display:grid;grid-template-columns:repeat(5,1fr)}
.trustitem{padding:25px 16px;text-align:center;border-right:1px solid #dfe5ea;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.trustitem:last-child{border:0}
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.blueprint-card{height:420px;border-radius:28px;background:#0a1b2c;overflow:hidden;position:relative;box-shadow:var(--shadow);border:1px solid #243b50}
.blueprint-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#9fb8ca18 1px,transparent 1px),linear-gradient(90deg,#9fb8ca18 1px,transparent 1px);background-size:36px 36px}
.plan-lines{position:absolute;inset:14%;border:1px solid #9eb5c633;transform:rotate(-2deg)}
.plan-lines:before,.plan-lines:after{content:"";position:absolute;border:1px solid #d8e4ed44}
.plan-lines:before{inset:12% 25% 35% 8%}.plan-lines:after{inset:55% 8% 12% 34%}
.dimension{position:absolute;color:#8fa8b9;font-size:10px;letter-spacing:.12em}.d1{top:12%;left:14%}.d2{right:13%;top:45%;writing-mode:vertical-rl}.d3{bottom:14%;left:40%}
.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:27px}
.stat{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.stat strong{display:block;font-family:Manrope;font-size:24px}.stat span{font-size:12px;color:var(--muted)}
.services{background:var(--off)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;transition:.3s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#cbd5dd}
.service-no{font-size:11px;color:#a37a1a;font-weight:800;letter-spacing:.12em}.service-card h3{font-size:21px;margin:18px 0 9px}.service-card p{color:var(--muted);font-size:14px;min-height:68px}.service-card .arrow{position:absolute;right:23px;bottom:25px;color:#8d6a1e}
.takeoff-wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:25px;align-items:stretch}
.plan-view{min-height:530px;background:#10283a;border-radius:25px;position:relative;overflow:hidden;border:1px solid #294458}
.plan-view:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#8da9ba18 1px,transparent 1px),linear-gradient(90deg,#8da9ba18 1px,transparent 1px);background-size:34px 34px}
.plan-sheet{position:absolute;inset:8% 9%;border:1px solid #c4d7e144;background:#f2f4f3e8;transform:rotate(-1deg);color:#1b2b37;box-shadow:0 18px 50px #0005}
.plan-room{position:absolute;border:2px solid #657886;display:flex;align-items:center;justify-content:center;font-size:10px;color:#425663}
.r1{left:9%;top:13%;width:35%;height:31%}.r2{left:46%;top:13%;width:45%;height:31%}.r3{left:9%;top:44%;width:55%;height:43%}.r4{left:64%;top:44%;width:27%;height:43%}
.measure{position:absolute;height:2px;background:#d9a930;box-shadow:0 0 10px #d9a93077;z-index:3}.measure:after{content:"";position:absolute;right:0;top:-4px;width:10px;height:10px;border-right:2px solid #d9a930;border-top:2px solid #d9a930;transform:rotate(45deg)}
.m1{width:26%;left:18%;top:38%;transform:rotate(90deg)}.m2{width:34%;left:31%;top:72%}.m3{width:20%;left:68%;top:50%;transform:rotate(90deg)}
.callout{position:absolute;z-index:5;padding:8px 10px;border-radius:8px;background:#071321e8;color:#fff;font-size:10px;border:1px solid #6e7d8b}.callout b{color:var(--gold2);display:block}.co1{top:23%;left:25%}.co2{top:64%;left:52%}.co3{top:31%;right:5%}
.takeoff-panel{background:#f4f6f8;border:1px solid var(--line);border-radius:25px;padding:28px}
.panel-list{margin:23px 0}.panel-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.panel-row b{font-size:14px}.demo-note{padding:13px;border-radius:10px;background:#fff7df;color:#7b5b16;font-size:11px;margin-top:20px}
.dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px}
.why-card{padding:22px;border:1px solid #26394a;border-radius:16px;background:#0b1d2e}.why-card strong{display:block;color:#fff;margin-bottom:7px}.why-card p{font-size:13px;color:#91a2b2}
.dashboard{background:#fff;border-radius:25px;padding:25px;box-shadow:0 25px 60px #0002}
.dash-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.dash-top span{font-size:11px;color:#7c8995}.dash-top b{display:block;font-size:18px}
.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dash-stat{padding:17px;background:#f5f7f9;border-radius:13px}.dash-stat span{font-size:10px;color:#7a8794}.dash-stat strong{display:block;font-size:21px;margin-top:4px}
.bar{height:9px;background:#e6ebef;border-radius:99px;margin-top:22px;overflow:hidden}.bar i{display:block;height:100%;width:72%;background:var(--gold);border-radius:99px}
.portfolio{background:var(--off)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid #d4dce3;background:white;padding:9px 14px;border-radius:999px;font-size:11px;font-weight:800;cursor:pointer}.filter.active{background:var(--navy);color:white;border-color:var(--navy)}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.project{min-height:310px;background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}.project-visual{height:175px;background:#102334;position:relative;overflow:hidden;padding:20px}.project-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#d6e4ec12 1px,transparent 1px),linear-gradient(90deg,#d6e4ec12 1px,transparent 1px);background-size:26px 26px}
.sheet-mini{position:absolute;background:#edf1f0;left:12%;top:13%;width:72%;height:74%;transform:rotate(-3deg);box-shadow:0 10px 25px #0005}.sheet-mini:before{content:"";position:absolute;inset:12%;border:1px solid #82929e}.project-body{padding:21px}.tag{font-size:10px;color:#8d691c;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.project h3{font-size:21px;margin:7px 0}.project p{font-size:13px;color:var(--muted);margin-bottom:15px}
.sample{background:white}.sample-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.sample-tab{padding:11px 15px;border-radius:9px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:800}.sample-tab.active{background:var(--navy);color:#fff}
.table-shell{border:1px solid var(--line);border-radius:18px;overflow:auto;box-shadow:var(--shadow)}table{border-collapse:collapse;width:100%;min-width:850px;font-size:12px}th{background:#0d2033;color:#fff;text-align:left;padding:15px}td{padding:14px;border-bottom:1px solid #e5e9ed}tr:hover td{background:#faf7ed}.sample-badge{display:inline-block;background:#fff5d8;color:#735615;padding:7px 10px;border-radius:7px;font-size:10px;font-weight:800;margin-bottom:13px}
.process{background:#f5f7f9}.timeline{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;position:relative}.timeline:before{content:"";height:2px;background:#d6dee5;position:absolute;left:7%;right:7%;top:31px}.step{position:relative;text-align:center}.step-dot{width:62px;height:62px;border-radius:50%;background:#fff;border:2px solid #d5dee5;display:grid;place-items:center;margin:auto;position:relative;z-index:1;font-family:Manrope;font-weight:800}.step:nth-child(7) .step-dot{background:var(--gold);border-color:var(--gold)}.step b{display:block;font-size:13px;margin-top:15px}.step small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.deliver-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.deliver{padding:24px;border:1px solid var(--line);border-radius:15px}.deliver span{font-size:22px;color:#a1781d}.deliver h3{font-size:16px;margin:10px 0 5px}.deliver p{font-size:12px;color:var(--muted)}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.industry{min-height:150px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:17px;display:flex;flex-direction:column;justify-content:end;transition:.25s}.industry:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.industry b{font-size:16px}.industry span{font-size:11px;color:var(--muted);margin-top:6px}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq-item{border-bottom:1px solid #dfe5ea}.faq-q{width:100%;border:0;background:none;text-align:left;padding:21px 0;font-weight:800;display:flex;justify-content:space-between;gap:15px}.faq-q span{font-size:21px;font-weight:400}.faq-a{max-height:0;overflow:hidden;color:var(--muted);font-size:14px;transition:max-height .3s ease}.faq-item.open .faq-a{max-height:180px;padding-bottom:20px}.faq-item.open .faq-q span{transform:rotate(45deg)}
.cta{padding:90px 0;background:linear-gradient(130deg,#061320,#0c2135);color:white;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:480px;height:480px;border:1px solid #d5b35b22;border-radius:50%;right:-160px;top:-180px}.cta .container{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(35px,4vw,58px);max-width:750px}.cta p{color:#aebdca;margin-top:12px;max-width:720px}
footer{background:#050e17;color:#a7b4c0;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:45px}.footer-brand .logo{margin-bottom:18px}.footer-brand p{font-size:13px;max-width:350px}.footer h4{font-size:12px;color:#fff;letter-spacing:.12em;margin-bottom:16px}.footer a{display:block;font-size:12px;margin:9px 0}.footer a:hover{color:var(--gold)}.copyright{border-top:1px solid #1d2a36;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px}
.modal{position:fixed;inset:0;background:rgba(2,9,15,.83);z-index:2000;display:none;place-items:center;padding:25px}.modal.open{display:grid}.modal-box{background:#fff;border-radius:20px;max-width:1050px;width:100%;max-height:90vh;overflow:auto;position:relative}.close{position:absolute;right:17px;top:14px;width:38px;height:38px;border-radius:50%;border:0;background:#071321;color:#fff;font-size:21px;z-index:2}.modal-head{padding:28px 30px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:27px}.modal-content{padding:30px}.viewer{height:470px;background:#102638;border-radius:14px;position:relative;overflow:hidden}.viewer-sheet{position:absolute;inset:8%;background:#f2f3f1;transform:rotate(-2deg);box-shadow:0 20px 50px #0005;padding:35px;color:#24313a}.viewer-sheet h4{font-size:20px}.viewer-lines{height:3px;background:#8898a2;margin:20px 0}.viewer-lines:nth-child(3){width:60%}.viewer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.viewer-grid div{height:45px;border:1px solid #b5c0c7}.viewer-stamp{position:absolute;right:5%;bottom:7%;border:2px solid #b68b25;color:#8c681b;padding:8px 15px;font-weight:900;transform:rotate(-8deg)}
.form-modal{max-width:850px}.form-body{padding:30px}.progress{height:6px;background:#e7ebee;border-radius:99px;overflow:hidden;margin:10px 0 30px}.progress i{display:block;height:100%;width:20%;background:var(--gold);transition:.3s}.form-step{display:none}.form-step.active{display:block}.form-step h3{font-size:25px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;color:#465666}.field input,.field select,.field textarea{width:100%;border:1px solid #d5dde4;border-radius:10px;padding:12px 13px;outline:none;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a98022;box-shadow:0 0 0 3px #e5b94f22}.field textarea{min-height:120px;resize:vertical}.form-actions{display:flex;justify-content:space-between;margin-top:25px}.success{text-align:center;padding:55px 20px}.check{width:72px;height:72px;border-radius:50%;background:#eaf6ec;color:#26743a;display:grid;place-items:center;font-size:35px;margin:0 auto 20px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){
 .navlinks{display:none}.menu{display:block}.hero-grid,.intro-grid,.dark-grid,.takeoff-wrap,.faq-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{min-height:430px}.service-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.timeline{grid-template-columns:repeat(4,1fr);gap:22px}.timeline:before{display:none}
}
@media(max-width:650px){
 .container{width:min(calc(100% - 28px),var(--max))}.section{padding:75px 0}.hero{padding-top:130px}.hero h1{font-size:45px}.hero-visual{min-height:370px}.building{transform:scale(.8) rotateY(-12deg)}.float-tag{font-size:8px}.t2{right:0}.trustbar .container{grid-template-columns:repeat(2,1fr)}.trustitem{border-bottom:1px solid #dfe5ea}.service-grid,.project-grid,.deliver-grid,.industry-grid,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.section-head .btn{margin-top:20px}.why-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.dash-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}.cta .container{display:block}.cta .btn{margin-top:25px}.copyright{display:block}.copyright div+div{margin-top:8px}.viewer{height:360px}.viewer-sheet{inset:7%;padding:20px}.modal{padding:10px}.form-body,.modal-content{padding:20px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}
}

/* Footer contact / team / social block */
.footer-contact{
  margin-top:42px;padding:34px 0 26px;border-top:1px solid #1d2a36;border-bottom:1px solid #1d2a36;
  display:grid;grid-template-columns:1.15fr 1.6fr auto;gap:28px;align-items:start;
}
.footer-contact h3{font-size:26px;color:#fff;margin:4px 0 9px}
.footer-contact p{font-size:13px;max-width:420px;color:#91a1ae}
.contact-people{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.contact-person{padding:18px;border:1px solid #243441;border-radius:14px;background:#091622;display:flex;flex-direction:column;gap:4px}
.contact-person .contact-role{font-size:9px;letter-spacing:.14em;font-weight:800;color:#d9b957}
.contact-person strong{font-size:16px;color:#fff}
.contact-person a,.contact-person span:last-child{font-size:12px;color:#a8b6c2;word-break:break-word}
.contact-person a:hover{color:#f3d277}
.footer-social{display:flex;flex-direction:column;gap:11px;align-items:flex-start}
.footer-social>span{font-size:9px;letter-spacing:.13em;font-weight:800;color:#8f9da9}
.social-icons{display:flex;gap:8px}
.social-icon{width:38px;height:38px;border-radius:10px;border:1px solid #2a3b49;background:#091622;display:grid;place-items:center;color:#d8e1e8;transition:.2s ease;font-weight:800}
.social-icon:hover{color:#08131e;background:var(--gold);border-color:var(--gold);transform:translateY(-2px)}
@media(max-width:1000px){.footer-contact{grid-template-columns:1fr}}
@media(max-width:650px){.contact-people{grid-template-columns:1fr}}

/* FINAL FOOTER CONTACT */
.footer-contact{
  margin-top:42px;
  padding:34px 0 28px;
  border-top:1px solid #1d2a36;
  border-bottom:1px solid #1d2a36;
  display:grid;
  grid-template-columns:1.1fr 1.65fr auto;
  gap:28px;
  align-items:start;
}
.footer-contact h3{font-size:27px;color:#fff;margin:4px 0 9px}
.footer-contact p{font-size:13px;line-height:1.7;color:#92a1ad;max-width:430px}
.contact-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-person{
  padding:18px;
  border:1px solid #263947;
  border-radius:14px;
  background:#091622;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.contact-person .contact-role{
  font-size:9px;
  letter-spacing:.14em;
  font-weight:800;
  color:#d9b957;
}
.contact-person strong{font-size:16px;color:#fff}
.contact-person a,.contact-person span:last-child{
  font-size:12px;color:#a9b6c0;word-break:break-word;
}
.contact-person a:hover{color:#f3d277}
.footer-social{display:flex;flex-direction:column;gap:11px;align-items:flex-start}
.footer-social>span{font-size:9px;letter-spacing:.13em;font-weight:800;color:#8e9ca8}
.social-icons{display:flex;gap:8px}
.social-icon{
  width:40px;height:40px;border-radius:10px;
  border:1px solid #2b3d4b;background:#091622;
  display:grid;place-items:center;color:#d9e1e7;
  font-size:15px;font-weight:900;
  transition:.2s ease;
}
.social-icon:hover{
  color:#08131e;background:var(--gold);border-color:var(--gold);
  transform:translateY(-2px);
}
.footer-contact+.copyright{margin-top:28px}
@media(max-width:1000px){
  .footer-contact{grid-template-columns:1fr}
}
@media(max-width:650px){
  .contact-people{grid-template-columns:1fr}
}

/* Production sample gallery */
.project-visual{height:190px;background:#102334;position:relative;overflow:hidden}
.project-visual img{
  width:100%;height:100%;object-fit:cover;object-position:top center;
  display:block;transition:transform .45s ease,filter .45s ease;
}
.project:hover .project-visual img{transform:scale(1.035);filter:saturate(1.04)}
.sample-preview-card{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.sample-preview-copy{padding:34px}
.sample-preview-copy h3{font-size:30px;margin:8px 0 12px}
.sample-preview-copy>p{color:var(--muted);font-size:14px;max-width:560px}
.sample-preview-image{
  background:#0d2336;
  min-height:390px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  overflow:hidden;
}
.sample-preview-image img{width:100%;max-height:470px;object-fit:contain;box-shadow:0 25px 55px rgba(0,0,0,.28);border-radius:8px;background:#f4f5f3}
.sample-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}
.sample-meta-item{padding:15px;border:1px solid var(--line);border-radius:12px;background:#f7f9fa}
.sample-meta-item span{display:block;font-size:9px;font-weight:800;letter-spacing:.12em;color:#8c6a1e}
.sample-meta-item strong{display:block;margin-top:4px;font-size:17px}
.sample-action-row{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(max-width:900px){.sample-preview-card{grid-template-columns:1fr}.sample-preview-image{min-height:300px}.sample-meta-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.sample-meta-grid{grid-template-columns:1fr}.sample-action-row{justify-content:stretch}.sample-action-row .btn{width:100%}}