:root{--nc-ink:#071827;--nc-navy:#102d45;--nc-blue:#176b9b;--nc-cyan:#55b8f2;--nc-gold:#a9ddf8;--nc-card:#10283b;--nc-muted:#9fb3c4;--nc-line:rgba(148,190,218,.18);--nc-white:#f5f9fc;--nc-shadow:0 18px 50px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 15% 0%,rgba(23,107,155,.2),transparent 38%),var(--nc-ink);color:var(--nc-white);font-family:'Plus Jakarta Sans',Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-nav{position:sticky;top:0;z-index:50;width:100%;margin:0;padding:14px max(20px,calc((100% - 1200px)/2));display:flex;align-items:center;gap:24px;background:rgba(255,255,255,.96);border:0;border-bottom:1px solid rgba(23,107,155,.16);border-radius:0;box-shadow:0 8px 28px rgba(20,54,78,.06);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;white-space:nowrap;color:#102d45}.brand img{width:43px;height:43px;object-fit:contain}.brand span{font-size:17px;line-height:1.12}.brand small{display:block;color:#647b8d;font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-top:4px}.site-nav nav{display:flex;align-items:center;justify-content:center;gap:25px;margin-left:auto}.site-nav nav a{font-size:12px;font-weight:700;color:#36566d;transition:color .2s}.site-nav nav a:hover{color:#176b9b}.nav-cta,.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;background:#176b9b;color:#fff;font-weight:800;padding:12px 20px;box-shadow:0 8px 24px rgba(85,184,242,.18);transition:transform .2s,filter .2s}.nav-cta{font-size:12px;white-space:nowrap}.nav-cta:hover,.primary:hover{transform:translateY(-1px);filter:brightness(1.08)}.page-wrap,.admin-wrap{width:min(1120px,calc(100% - 40px));margin:76px auto 90px}.admin-wrap{margin-top:64px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--nc-cyan);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}.eyebrow:before{content:'';width:24px;height:2px;background:var(--nc-gold);border-radius:2px}.hero-title{font-size:clamp(36px,6vw,64px);line-height:1.04;letter-spacing:-.055em;font-weight:800;margin:0 0 18px;color:#f7fbff}.muted{color:var(--nc-muted)}.leading-7{line-height:1.8}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:38px 0 24px}.filter-btn,.secondary{border:1px solid var(--nc-line);border-radius:999px;background:rgba(16,40,59,.8);color:#dce9f2;padding:10px 17px;font-size:12px;font-weight:700;transition:.2s}.filter-btn:hover,.secondary:hover{border-color:rgba(85,184,242,.55);color:var(--nc-cyan)}.filter-btn.active{background:var(--nc-cyan);border-color:var(--nc-cyan);color:#041827}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card,.panel{background:linear-gradient(145deg,rgba(16,40,59,.98),rgba(10,31,47,.98));border:1px solid var(--nc-line);border-radius:22px;overflow:hidden;box-shadow:var(--nc-shadow)}.project-card{transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-4px);border-color:rgba(85,184,242,.42)}.project-cover{height:270px;background:#0b2031;overflow:hidden}.project-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s;cursor:zoom-in}.project-card:hover .project-cover img{transform:scale(1.035)}.project-copy{padding:22px 24px 18px}.tag{display:inline-flex;border:1px solid rgba(85,184,242,.28);border-radius:999px;padding:6px 10px;color:var(--nc-cyan);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.project-copy h2{font-size:21px;letter-spacing:-.035em;margin:13px 0 9px}.project-copy p{font-size:13px;line-height:1.75;color:#b6c7d4;margin:0 0 16px}.location{font-size:11px;color:var(--nc-muted)}.location i{color:var(--nc-gold);margin-right:5px}.gallery-thumbs{display:flex;gap:9px;padding:0 24px 22px;overflow-x:auto}.gallery-thumbs img{width:82px;height:64px;object-fit:cover;border-radius:9px;border:1px solid var(--nc-line);cursor:zoom-in;flex:0 0 auto}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(1,9,16,.94);display:none;align-items:center;justify-content:center;padding:55px 24px 24px}.lightbox.open{display:flex}.lightbox img{max-width:min(1100px,100%);max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 20px 80px #000}.lightbox button{position:absolute;right:28px;top:18px;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(16,45,69,.9);color:white;font-size:30px;line-height:1}.site-footer{border-top:1px solid var(--nc-line);padding:26px 20px;text-align:center;color:#7892a6;font-size:11px}.panel{padding:28px;margin-bottom:26px}.panel h2,.panel h3{color:#f4f9fd}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field label{font-size:12px;font-weight:800;color:#d9e6ef}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(148,190,218,.25);border-radius:11px;background:#071c2c;color:#f4f9fd;padding:13px 14px;outline:none;min-height:46px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--nc-cyan);box-shadow:0 0 0 3px rgba(85,184,242,.12)}.field input[type=file]{padding:10px;color:var(--nc-muted)}.field input[type=file]::file-selector-button{border:0;border-radius:7px;padding:8px 12px;margin-right:12px;background:#1a4968;color:#eaf7ff;font-weight:700;cursor:pointer}.field textarea{min-height:110px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid .full{grid-column:1/-1}.primary{min-height:44px}.primary:disabled{opacity:.6;cursor:wait;transform:none}.secondary{min-height:40px}.secondary.danger{border-color:rgba(248,113,113,.35);color:#ffaaaa}.secondary.danger:hover{background:rgba(127,29,29,.3);border-color:#f87171;color:#fff}.notice{padding:13px 16px;border-radius:12px;border:1px solid rgba(85,184,242,.28);background:rgba(23,107,155,.17);color:#cceeff;margin:0 0 20px;font-size:13px}.notice.error{border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.2);color:#fecaca}.hidden{display:none!important}.admin-project{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--nc-line)}.admin-project:last-child{border-bottom:0}.admin-project>img{width:86px;height:68px;object-fit:cover;border-radius:10px;background:#071c2c}.admin-project .grow{flex:1;min-width:0}.actions{flex-wrap:wrap}.photo-item{position:relative;width:116px}.photo-item img{display:block;width:116px;height:88px;object-fit:cover;border-radius:11px;border:1px solid var(--nc-line)}.photo-item .remove-photo{width:100%;margin-top:7px;padding:8px 10px;min-height:34px;font-size:11px}.photo-help{font-size:11px;line-height:1.6;color:var(--nc-muted)}.empty-state{padding:30px 12px;text-align:center;color:var(--nc-muted)}
@media(max-width:760px){.site-nav{width:calc(100% - 24px);margin-top:12px;padding:12px;gap:12px;flex-wrap:wrap}.brand{margin-right:auto}.site-nav nav{order:3;width:100%;margin:0;justify-content:flex-start;overflow-x:auto;padding:8px 2px 3px;gap:20px}.site-nav nav a{white-space:nowrap}.nav-cta{padding:10px 13px;font-size:10px}.page-wrap,.admin-wrap{width:calc(100% - 28px);margin:48px auto 64px}.project-grid{grid-template-columns:1fr;gap:18px}.project-cover{height:240px}.panel{padding:20px}.admin-project{align-items:flex-start;flex-wrap:wrap}.admin-project .grow{min-width:calc(100% - 105px)}.actions{width:100%;padding-left:102px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(max-width:420px){.brand img{width:36px;height:36px}.brand span{font-size:14px}.nav-cta{font-size:0;gap:0}.nav-cta i{font-size:13px}.hero-title{font-size:38px}.project-copy{padding:19px}.project-cover{height:210px}.panel{padding:17px}.filter-btn{padding:9px 12px;font-size:11px}}

/* Main-site style project carousel */
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.project-card{background:#10283b;border:1px solid rgba(148,190,218,.16);border-radius:16px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.16)}
.project-cover{height:240px;position:relative}
.project-cover img{cursor:zoom-in}
.project-cover:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(7,24,39,.48),transparent);pointer-events:none}
.carousel-control{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(7,24,39,.78);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.25);transition:background .2s,transform .2s}
.carousel-control:hover{background:#176b9b;transform:translateY(-50%) scale(1.06)}
.carousel-control.prev{left:12px}.carousel-control.next{right:12px}
.carousel-count{position:absolute;z-index:3;right:12px;bottom:12px;border-radius:99px;padding:5px 9px;background:rgba(7,24,39,.8);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em}
.project-copy{padding:20px 21px 22px}.project-copy h2{color:#fff;font-size:16px;font-weight:800}.project-copy p{color:#aebfcd}.tag{background:rgba(85,184,242,.08);color:#7dcafa;border-color:rgba(85,184,242,.3)}
.filter-btn.active{background:#55b8f2;border-color:#55b8f2;color:#071827}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(16,45,69,.92);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center}
.lightbox-nav:hover{background:#176b9b}.lightbox-nav.prev{left:24px}.lightbox-nav.next{right:24px}
.announcement{background:linear-gradient(90deg,#a9ddf8,#55b8f2,#a9ddf8);color:#071827;padding:8px 18px;text-align:center;font-size:11px;font-weight:800;letter-spacing:.02em}
@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-nav{padding:12px 14px}.project-grid{grid-template-columns:1fr}.project-cover{height:235px}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}}
