/* Real architectural photography, with project controls kept in the foreground. */
.hero{min-height:360px;grid-template-columns:42% 58%}.hero-copy{padding:38px;position:relative}.progress-value{font-size:96px}.hero .label{font-size:8px}.real-building{isolation:isolate;background:#193f3e}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 42%}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#184d40 0%,#184d4010 30%),linear-gradient(0deg,#102d31b0,transparent 55%)}.building-caption{color:white;text-shadow:0 2px 15px #183e3b80;z-index:1;top:32px;right:32px}.building-caption span{color:#edf5f1}.hero-photo-link{position:absolute;bottom:26px;right:28px;border:1px solid #ffffff70;border-radius:3px;background:#163a3c40;color:white;padding:10px 14px;font-size:9px;backdrop-filter:blur(7px)}.hero-photo-link:hover{background:#163a3c90}.building-gallery{display:grid;grid-template-columns:1fr repeat(3,1fr);gap:13px;margin:0 0 42px}.gallery-intro{padding:12px 8px 0 0}.gallery-intro .eyebrow{font-size:7px;letter-spacing:1.5px}.gallery-intro h2{font-size:25px;line-height:1.15;margin:13px 0}.gallery-intro p{color:#7b877b;font-size:10px;line-height:1.8}.gallery-intro a{color:#788575;font-size:7px;text-decoration:none;border-bottom:1px solid #cad4c7;padding-bottom:3px}.gallery-photo{padding:0;border:0;border-radius:5px;overflow:hidden;position:relative;background:#234e4b;min-width:0;min-height:195px;text-align:left}.gallery-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .45s}.gallery-photo:nth-child(2) img{object-position:62% 40%}.gallery-photo:nth-child(3) img{object-position:66% 45%}.gallery-photo:nth-child(4) img{object-position:35% 50%}.gallery-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102f36c9,transparent 65%)}.gallery-photo:hover img{transform:scale(1.045)}.gallery-photo span{position:absolute;bottom:17px;left:16px;right:16px;color:#fff;font-size:8px;letter-spacing:.5px;z-index:1}.gallery-photo b{float:right;font-size:14px;font-weight:400}.login-visual{position:relative;height:195px;overflow:hidden;background:#174d40}.login-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}.login-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#153f3cdd,transparent 90%)}.login-visual>span{position:absolute;z-index:1;bottom:24px;left:30px;color:#fff;font-size:21px;letter-spacing:4px}.login-visual small{display:block;font-size:7px;letter-spacing:2px;margin-top:8px;color:#d8e4d9}#login{padding:0;overflow:auto}#login-form{padding:30px}#login-form h2{margin-top:14px}#photo-viewer{width:min(1150px,96vw);max-height:95vh;padding:16px;background:#102b29;border:1px solid #47605a;color:#edf2eb;overflow:auto}#photo-full{display:block;width:100%;height:min(70vh,760px);object-fit:contain;background:#0b201e}#photo-viewer::backdrop{background:#061d18ed;backdrop-filter:blur(12px)}.photo-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 5px 12px;gap:10px}.photo-toolbar span{font-size:10px;letter-spacing:.5px}.photo-toolbar button{background:none;border:0;color:white;font-size:28px;line-height:1}.photo-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.photo-controls button{border:1px solid #56736b;background:none;color:#e2e9df;padding:10px 15px;font-size:10px}.photo-controls a{color:#adc1b3;text-decoration:none;font-size:8px}@media(max-width:1150px){.hero{grid-template-columns:44% 56%}.hero-copy{padding:30px}.gallery-intro h2{font-size:22px}.gallery-photo{min-height:180px}.building-caption{font-size:19px;right:20px}}@media(max-width:760px){.hero{min-height:335px;grid-template-columns:1fr}.hero-copy{width:100%;padding:28px 25px;z-index:2;background:linear-gradient(90deg,#133e39f5 0%,#133e39e8 38%,#133e3960 72%,transparent)}.real-building{position:absolute;inset:0;z-index:0}.hero-photo{object-position:60% 25%}.photo-shade{background:linear-gradient(0deg,#153f3b50,transparent)}.hero .label{font-size:7px;max-width:190px;line-height:1.8}.progress-value{font-size:84px;margin-top:20px}.hero-track{max-width:160px}.hero-foot{max-width:160px;line-height:1.7}.hero p{max-width:165px;font-size:10px}.building-caption{right:18px;top:24px;font-size:15px;letter-spacing:2px}.building-caption span{font-size:6px;letter-spacing:1px}.hero-photo-link{z-index:3;bottom:23px;right:15px;font-size:7px;padding:9px;pointer-events:auto}.hero-copy{pointer-events:none}.building-gallery{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:30px}.gallery-intro{padding:8px 0}.gallery-intro h2{font-size:24px}.gallery-photo{min-height:180px}.gallery-photo span{font-size:7px;left:12px;right:12px}.gallery-intro a{font-size:6px}.gallery-intro p{font-size:9px}.login-visual{height:160px}#login-form{padding:25px}.photo-controls{flex-wrap:wrap}.photo-controls a{order:3;width:100%;text-align:center;padding:8px}.photo-toolbar span{font-size:8px;max-width:85%;line-height:1.6}#photo-full{height:65vh}}@media(prefers-reduced-motion:reduce){.gallery-photo img{transition:none}}