:root{--navy:#06152f;--blue:#0b5cff;--gold:#f59e0b;--green:#10b981;--muted:#64748b;--line:#e5e7eb;--soft:#f8fbff;--ink:#111827}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff,#f8fbff)}a{color:inherit}.vcl-top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.9);display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;box-shadow:0 10px 30px rgba(2,6,23,.05)}.vcl-brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--navy)}.vcl-mark{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#ff7a00,#0b5cff 55%,#063b2c);color:#fff;display:grid;place-items:center;font-weight:950;font-size:16px;box-shadow:0 14px 30px rgba(11,92,255,.24)}.vcl-brand strong{font-size:17px}.vcl-brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.vcl-top nav{display:flex;gap:18px;align-items:center}.vcl-top nav a{text-decoration:none;font-weight:850;color:#0f172a}.vcl-top nav a:hover{color:var(--blue)}.v5-hero,.detail-hero-v5{max-width:1240px;margin:24px auto;padding:clamp(34px,6vw,74px);border-radius:38px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(245,158,11,.28),transparent 26%),radial-gradient(circle at 12% 85%,rgba(16,185,129,.25),transparent 25%),linear-gradient(135deg,#06152f,#0b2a63 60%,#07111f);display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:end;box-shadow:0 30px 90px rgba(6,21,47,.28);overflow:hidden;position:relative}.v5-hero:before,.detail-hero-v5:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:54px 54px;opacity:.25}.v5-hero>* ,.detail-hero-v5>*{position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#fbbf24;font-weight:950;font-size:12px}.v5-hero h1,.detail-hero-v5 h1{font-size:clamp(34px,5vw,72px);line-height:.98;margin:14px 0}.v5-hero p,.detail-hero-v5 p{font-size:18px;line-height:1.7;color:#dbeafe;max-width:820px}.hero-actions,.v5-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions a,.v5-actions a,.inquiry-v5 button{background:linear-gradient(135deg,var(--blue),#2563eb);color:#fff;text-decoration:none;border:0;border-radius:999px;padding:14px 18px;font-weight:950;box-shadow:0 16px 34px rgba(11,92,255,.25);cursor:pointer}.hero-actions a:nth-child(2),.v5-actions a:nth-child(2){background:linear-gradient(135deg,#16a34a,#10b981)}.hero-actions a:nth-child(3){background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22)}.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:28px;padding:26px;backdrop-filter:blur(18px)}.hero-card span{color:#fde68a;font-weight:900}.hero-card h2{font-size:30px;margin:10px 0}.hero-card a{color:#fff;font-weight:950}.v5-tools{max-width:1240px;margin:0 auto 18px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:26px;padding:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;box-shadow:0 18px 54px rgba(2,6,23,.08)}.v5-tools input,.v5-tools select{border:1px solid var(--line);border-radius:16px;padding:14px 15px;min-width:250px;background:#fff;font-weight:750}.chips,.stage-buttons{display:flex;gap:9px;flex-wrap:wrap}.chips button,.stage-buttons button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 15px;font-weight:900;cursor:pointer}.chips button.active,.stage-buttons button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.stage-switch,.v5-seo,.project-facts-v5,.stage-gallery,.detail-grid,.timeline-v5,.inquiry-v5{max-width:1240px;margin:22px auto;padding:28px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 18px 54px rgba(2,6,23,.06)}.stage-switch{display:flex;justify-content:space-between;gap:16px;align-items:center}.stage-switch h2{margin:0;color:var(--navy)}.v5-masonry{max-width:1240px;margin:0 auto 60px;columns:3 310px;column-gap:22px}.v5-card{break-inside:avoid;margin:0 0 22px;background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 18px 58px rgba(2,6,23,.08);transition:.25s}.v5-card:hover{transform:translateY(-5px);box-shadow:0 26px 74px rgba(2,6,23,.14)}.v5-card.featured .project-media{min-height:420px}.project-media{width:100%;min-height:280px;border:0;display:block;position:relative;background:linear-gradient(135deg,#e2e8f0,#f8fafc);cursor:pointer;overflow:hidden;padding:0}.project-media img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block}.project-media.no-img img{display:none}.placeholder{position:absolute;inset:18px;border:1px dashed #94a3b8;border-radius:22px;display:grid;place-items:center;text-align:center;color:#334155;background:linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,255,255,.08));z-index:1}.placeholder b{font-size:22px}.placeholder small{display:block;color:#64748b;margin-top:8px}.project-media:not(.no-img) .placeholder{display:none}.stageLabel{position:absolute;left:18px;top:18px;background:rgba(6,21,47,.9);color:#fff;border-radius:999px;padding:9px 12px;font-style:normal;font-weight:900;z-index:2}.v5-body{padding:24px}.badges{display:flex;gap:8px;flex-wrap:wrap}.badges span{background:#eff6ff;color:#0b5cff;border-radius:999px;padding:8px 11px;font-weight:950;font-size:12px}.loc{color:var(--muted);font-weight:800}.v5-body h2{font-size:26px;line-height:1.1;color:#071632;margin:10px 0}.v5-body p{color:#475569;line-height:1.65}.facts{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0}.facts li{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:9px 11px;font-weight:900}.v5-seo{display:grid;grid-template-columns:1.1fr .9fr;gap:25px;background:linear-gradient(135deg,#f8fbff,#fff)}.v5-seo h2{font-size:34px;margin:10px 0;color:var(--navy)}.seo-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seo-list a{padding:14px;border-radius:16px;border:1px solid var(--line);text-decoration:none;font-weight:900;background:#fff}.vcl-footer{margin-top:50px;padding:38px 5vw;background:#06152f;color:#fff;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.breadcrumbs{max-width:1240px;margin:22px auto;color:#64748b}.breadcrumbs a{color:#0b5cff;font-weight:900}.detail-media{min-height:430px;border-radius:30px}.project-facts-v5{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project-facts-v5 div{background:#f8fbff;border:1px solid var(--line);border-radius:20px;padding:18px}.project-facts-v5 b{display:block;color:#64748b;margin-bottom:6px}.project-facts-v5 span{font-size:19px;font-weight:950;color:#071632}.section-head h2,.stage-gallery h2,.detail-grid h2,.timeline-v5 h2,.inquiry-v5 h2{font-size:34px;color:var(--navy);margin:8px 0 14px}.stage-preview{min-height:520px;border-radius:26px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-grid article{background:#f8fbff;border:1px solid var(--line);border-radius:24px;padding:24px}.detail-grid li,.timeline-v5 li{margin:9px 0;color:#334155;line-height:1.55}.timeline-v5 ol{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;list-style:none;padding:0}.timeline-v5 li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;font-weight:850}.timeline-v5 li span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;margin-bottom:8px}.inquiry-v5 form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.inquiry-v5 input,.inquiry-v5 textarea{padding:15px;border:1px solid var(--line);border-radius:15px;font-weight:750}.inquiry-v5 textarea{grid-column:1/-1;min-height:110px}.v5-lightbox{display:none;position:fixed;inset:0;background:rgba(2,6,23,.9);z-index:200;align-items:center;justify-content:center;color:#fff;padding:20px}.v5-lightbox.open{display:flex}.v5-lightbox .close,.v5-lightbox .prev,.v5-lightbox .next{position:absolute;border:0;background:#fff;color:#06152f;border-radius:50%;width:48px;height:48px;font-size:30px;cursor:pointer;z-index:2}.v5-lightbox .close{right:26px;top:20px}.v5-lightbox .prev{left:26px}.v5-lightbox .next{right:26px}.lightbox-frame{width:min(1000px,86vw);background:#0f172a;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 100px rgba(0,0,0,.45)}.lightbox-frame img{width:100%;height:min(70vh,650px);object-fit:contain;background:#111827}.lightbox-frame div{padding:20px}.lightbox-frame h3{margin:0 0 6px}.lightbox-frame p{margin:0;color:#cbd5e1}@media(max-width:900px){.vcl-top,.v5-hero,.detail-hero-v5,.v5-seo,.detail-grid,.stage-switch{display:block}.vcl-top nav{margin-top:12px;overflow:auto;white-space:nowrap}.vcl-brand small{display:none}.v5-hero,.detail-hero-v5{margin:12px;border-radius:26px}.v5-tools,.stage-switch,.v5-seo,.project-facts-v5,.stage-gallery,.detail-grid,.timeline-v5,.inquiry-v5,.breadcrumbs{margin:12px}.v5-tools input,.v5-tools select{width:100%;min-width:0}.v5-masonry{columns:1;margin:12px}.project-facts-v5,.timeline-v5 ol,.inquiry-v5 form{grid-template-columns:1fr}.stage-preview,.detail-media{min-height:330px}.v5-lightbox .prev,.v5-lightbox .next{display:none}.seo-list{grid-template-columns:1fr}.vcl-mark{width:48px;height:48px;border-radius:16px}.vcl-brand strong{font-size:14px}}