*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#0a0a0a;color:#f5f5f5;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
.ld-banner{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);padding:8px 16px;text-align:center;font-size:11px;color:rgba(255,255,255,0.8);letter-spacing:0.05em}
.ld-screen{position:fixed;inset:0;z-index:1;background:#0a0a0a;padding-top:36px}
.ld-portfolio{position:absolute;top:48px;left:48px;font-size:13px;color:#888;text-transform:uppercase;letter-spacing:0.3em;animation:ld-fade-down 0.6s 0.1s ease-out both}
@media(max-width:768px){.ld-portfolio{top:32px;left:32px;font-size:11px}}
.ld-words{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.ld-word{position:absolute;font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(40px,8vw,96px);color:rgba(245,245,245,0.8);font-weight:400;opacity:0;transform:translateY(20px);transition:opacity 0.4s cubic-bezier(0.4,0,0.2,1),transform 0.4s cubic-bezier(0.4,0,0.2,1)}
.ld-word.is-active{opacity:1;transform:translateY(0)}
.ld-counter{position:absolute;bottom:48px;right:48px;font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(56px,9vw,128px);color:#f5f5f5;font-variant-numeric:tabular-nums;animation:ld-fade-up 0.6s 0.1s ease-out both}
@media(max-width:768px){.ld-counter{bottom:32px;right:32px}}
.ld-progress{position:absolute;bottom:0;left:0;right:0;height:1px;background:#1f1f1f}
.ld-progress-bar{height:100%;background:#f5f5f5;width:0;transition:width 0.04s linear}
@keyframes ld-fade-down{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes ld-fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}