html[data-loading]{overflow:hidden}
#projectLoader{position:fixed;inset:0;z-index:10000;display:grid;grid-template-columns:1fr 1fr;background:#f7f6f1;color:#253b32;transition:opacity .4s ease;font-family:"PT Sans",Arial,sans-serif}
#projectLoader[hidden]{display:none}
#projectLoader.loaded{opacity:0;pointer-events:none}
.loading-photo{background:url('assets/reference-street.jpg') center/cover}
.loading-body{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,5.5vw,90px);min-width:0}
.loading-brand{display:flex;align-items:center;gap:20px;font-size:38px;font-weight:700;font-style:italic;letter-spacing:-2px}
.loading-brand span{font-size:13px;font-weight:400;font-style:normal;letter-spacing:0;max-width:100px;line-height:1.4;border-left:1px solid #b9c2b1;padding-left:18px}
.loading-copy p{font-size:12px;letter-spacing:.15em;color:#60695f}
.loading-copy h2{font:700 clamp(32px,4vw,62px)/1.08 "PT Sans",Arial,sans-serif;letter-spacing:-.04em}
.loading-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;font-size:14px}
.loading-meta output{font-size:32px;line-height:1;font-variant-numeric:tabular-nums}
#loadingBar{height:3px;background:#d9ddd1;overflow:hidden}
#loadingBar span{display:block;width:100%;height:100%;background:#244e3d;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
@media(max-width:740px){#projectLoader{grid-template-columns:1fr;grid-template-rows:40% 60%}.loading-body{padding:26px}.loading-brand{font-size:29px}.loading-brand span{max-width:none}.loading-copy h2{font-size:36px}.loading-copy p{margin-top:0}.loading-meta{margin-bottom:12px}.loading-meta output{font-size:27px}}
@media(prefers-reduced-motion:reduce){#projectLoader,#loadingBar span{transition:none}}