.construction-site { --build-ink:#181b1e; --build-charcoal:#24282b; --build-amber:#f1a51f; --build-sand:#f4f0e9; margin:0; color:var(--build-ink); background:#fff; font-family:Arial,Helvetica,sans-serif; }
.build-container { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.demo-bar { color:#aeb9c4; background:#07111c; border-bottom:1px solid rgba(255,255,255,.1); }
.demo-bar .build-container { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:10px; letter-spacing:.08em; }
.demo-bar span,.demo-bar a { display:flex; align-items:center; gap:7px; }
.demo-bar span svg { color:#45a9ff; }
.demo-bar a { color:#d8e6f2; font-weight:700; }
.build-header { position:absolute; z-index:10; top:38px; left:0; right:0; border-bottom:1px solid rgba(255,255,255,.17); }
.build-header-inner { height:86px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.build-brand { display:flex; align-items:center; gap:12px; color:#fff; }
.build-brand-mark { width:44px; height:44px; display:grid; place-items:center; color:#111820; background:var(--build-amber); }
.build-brand > span:last-child { display:flex; flex-direction:column; line-height:1; }
.build-brand strong { font-size:18px; letter-spacing:.14em; }
.build-brand small { margin-top:6px; color:#bdc4ca; font-size:8px; letter-spacing:.36em; }
.build-header nav { display:flex; gap:32px; margin-left:auto; }
.build-header nav a { color:#d6d9dc; font-size:12px; }
.build-header-cta { min-height:42px; padding:0 17px; display:inline-flex; align-items:center; gap:8px; color:#171a1c; background:var(--build-amber); font-size:11px; font-weight:800; }
.build-hero { position:relative; min-height:820px; display:flex; align-items:center; overflow:hidden; color:#fff; background:#171a1d; }
.build-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.build-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(14,17,20,.96) 0%,rgba(14,17,20,.83) 35%,rgba(14,17,20,.2) 67%,rgba(14,17,20,.08)),linear-gradient(0deg,rgba(10,12,14,.78),transparent 50%); }
.build-hero-content { position:relative; z-index:2; padding-top:105px; }
.build-kicker { display:flex; align-items:center; gap:11px; color:#f4c873; font-size:10px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.build-kicker span { width:38px; height:2px; background:var(--build-amber); }
.build-hero h1 { max-width:750px; margin:25px 0 23px; font-size:clamp(50px,6vw,82px); line-height:.96; letter-spacing:-.055em; }
.build-hero h1 em { color:var(--build-amber); font-style:normal; }
.build-hero-content > p { max-width:590px; margin:0; color:#c5c8ca; font-size:17px; line-height:1.7; }
.build-actions { display:flex; gap:14px; margin-top:36px; }
.build-btn { min-height:52px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:9px; font-size:12px; font-weight:800; transition:.2s ease; }
.build-btn:hover { transform:translateY(-2px); }
.build-btn.primary { color:#171a1c; background:var(--build-amber); }
.build-btn.outline { color:#fff; border:1px solid rgba(255,255,255,.28); }
.build-metrics { position:absolute; z-index:2; left:0; right:0; bottom:0; display:grid; grid-template-columns:repeat(3,1fr); background:rgba(16,18,20,.82); backdrop-filter:blur(12px); }
.build-metrics div { min-height:116px; padding:24px 34px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid rgba(255,255,255,.13); }
.build-metrics div:last-child { border:0; }
.build-metrics strong { color:var(--build-amber); font-size:28px; }
.build-metrics span { margin-top:5px; color:#b6bdc2; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.build-section { padding:112px 0; }
.build-heading { display:grid; grid-template-columns:1.25fr .75fr; gap:90px; align-items:end; }
.build-label { display:inline-flex; align-items:center; gap:10px; color:#b46f00; font-size:10px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.build-label::before { content:""; width:28px; height:2px; background:var(--build-amber); }
.build-label.light { color:#ffd786; }
.build-heading h2,.build-about-copy h2,.build-contact h2 { margin:18px 0 0; font-size:clamp(36px,4vw,55px); line-height:1.06; letter-spacing:-.045em; }
.build-heading > p { margin:0 0 4px; color:#6c7378; font-size:14px; line-height:1.75; }
.build-service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:58px; background:#d8d9d7; border:1px solid #d8d9d7; }
.build-service-grid article { min-height:360px; padding:31px; display:flex; flex-direction:column; background:#fff; }
.build-service-grid article > div { display:flex; align-items:center; justify-content:space-between; color:#c27d06; }
.build-service-grid article > div span { color:#a0a5a8; font-size:10px; letter-spacing:.16em; }
.build-service-grid h3 { margin:58px 0 13px; font-size:24px; }
.build-service-grid p { margin:0; color:#70777b; font-size:13px; line-height:1.75; }
.build-service-grid a { margin-top:auto; padding-top:23px; display:flex; align-items:center; gap:8px; color:#926006; font-size:11px; font-weight:800; border-top:1px solid #e2e2df; }
.build-projects { padding:112px 0; color:#fff; background:#1d2022; }
.build-heading.light h2 { color:#fff; }
.build-heading.light > p { color:#a5abad; }
.project-grid { display:grid; grid-template-columns:1.3fr .7fr; grid-template-rows:repeat(2,260px); gap:16px; margin-top:58px; }
.project-main { position:relative; grid-row:1 / 3; margin:0; overflow:hidden; }
.project-main img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:.5s ease; }
.project-main:hover img { transform:scale(1.035); }
.project-main::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(10,12,13,.95),rgba(10,12,13,.08) 70%); }
.project-main div { position:absolute; z-index:2; left:30px; bottom:29px; }
.project-main span,.project-card > span { color:#f5bd52; font-size:9px; font-weight:800; letter-spacing:.15em; }
.project-main h3,.project-card h3 { margin:10px 0 7px; font-size:26px; }
.project-main p,.project-card p { margin:0; color:#c0c4c5; font-size:12px; }
.project-card { position:relative; padding:28px; overflow:hidden; background:#303437; }
.project-card h3 { max-width:270px; }
.project-card p { max-width:280px; line-height:1.6; }
.project-card svg { position:absolute; right:24px; bottom:20px; color:rgba(255,255,255,.13); }
.project-card.warm { background:linear-gradient(135deg,#5b431f,#2b2926); }
.project-card.line { background:linear-gradient(135deg,#263744,#222628); }
.build-about { background:var(--build-sand); }
.build-about-grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:100px; align-items:center; }
.about-visual { position:relative; min-height:500px; display:grid; place-items:center; background:#25292c; overflow:hidden; }
.about-visual::before { content:""; position:absolute; inset:32px; border:1px solid rgba(255,255,255,.1); }
.blueprint { display:grid; place-items:center; color:#f3aa2a; }
.blueprint span { margin-top:8px; color:rgba(255,255,255,.13); font-size:150px; font-weight:900; line-height:.55; }
.seal { position:absolute; right:-14px; bottom:35px; width:170px; height:110px; padding:19px; display:flex; flex-direction:column; color:#1a1c1e; background:var(--build-amber); }
.seal strong { margin-top:9px; font-size:11px; letter-spacing:.12em; }
.seal span { margin-top:3px; font-size:8px; letter-spacing:.09em; }
.build-about-copy > p { margin:24px 0; color:#656c70; font-size:14px; line-height:1.8; }
.build-about-copy ul { list-style:none; margin:0; padding:25px 0 0; display:grid; gap:14px; border-top:1px solid #d3cfc7; }
.build-about-copy li { display:flex; align-items:center; gap:10px; color:#444b4f; font-size:12px; }
.build-about-copy li svg { color:#b87608; }
.build-contact { padding:78px 0; color:#fff; background:#b97708; }
.build-contact-inner { display:flex; align-items:center; justify-content:space-between; gap:60px; }
.build-contact h2 { max-width:760px; color:#fff; }
.build-contact p { margin:15px 0 0; color:#ffedca; font-size:13px; }
.light-btn { flex:0 0 auto; color:#191c1e; background:#fff; }
.build-footer { padding:50px 0; color:#929a9f; background:#121416; }
.build-footer .build-container { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; }
.footer-contact { display:flex; gap:24px; }
.footer-contact span { display:flex; align-items:center; gap:7px; font-size:10px; }
.build-footer p { margin:0; font-size:9px; }
.build-footer > .build-container > a { display:flex; align-items:center; justify-content:flex-end; gap:8px; color:#aebbc6; font-size:10px; }
.build-footer a img { width:24px; height:24px; object-fit:contain; }
@media (max-width:900px) {
  .build-header nav { display:none; }
  .build-heading,.build-about-grid { grid-template-columns:1fr; gap:40px; }
  .build-service-grid { grid-template-columns:1fr; }
  .build-service-grid article { min-height:290px; }
  .project-grid { grid-template-columns:1fr; grid-template-rows:420px 240px 240px; }
  .project-main { grid-row:auto; }
  .build-contact-inner { align-items:flex-start; flex-direction:column; }
  .build-footer .build-container { grid-template-columns:1fr; }
  .build-footer > .build-container > a { justify-content:flex-start; }
}
@media (max-width:640px) {
  .build-container { width:min(100% - 30px,1180px); }
  .demo-bar .build-container { min-height:44px; }
  .demo-bar span { display:none; }
  .demo-bar a { margin-left:auto; }
  .build-header { top:44px; }
  .build-header-inner { height:75px; }
  .build-header-cta { width:42px; padding:0; font-size:0; justify-content:center; }
  .build-hero { min-height:800px; align-items:flex-end; }
  .build-hero > img { object-position:65% center; }
  .build-hero-shade { background:linear-gradient(0deg,rgba(13,15,17,.98) 18%,rgba(13,15,17,.44) 75%,rgba(13,15,17,.75)); }
  .build-hero-content { padding:170px 0 210px; }
  .build-hero h1 { font-size:46px; }
  .build-hero-content > p { font-size:15px; }
  .build-actions { flex-direction:column; align-items:stretch; }
  .build-metrics { grid-template-columns:repeat(3,1fr); }
  .build-metrics div { min-height:130px; padding:18px 12px; }
  .build-metrics strong { font-size:22px; }
  .build-metrics span { font-size:8px; line-height:1.4; }
  .build-section,.build-projects { padding:82px 0; }
  .build-heading h2,.build-about-copy h2,.build-contact h2 { font-size:38px; }
  .project-grid { grid-template-rows:360px 230px 230px; }
  .about-visual { min-height:380px; }
  .seal { right:0; }
  .footer-contact { align-items:flex-start; flex-direction:column; gap:10px; }
}
@media (prefers-reduced-motion:reduce) { .construction-site * { scroll-behavior:auto!important; transition:none!important; } }