/* Tag & Nacht an der Firmenzentrale */
.ph-img.dn{position:relative;--n:0}
.ph-img.dn img{filter:brightness(calc(1 - var(--n) * .66)) saturate(calc(1 - var(--n) * .45)) contrast(calc(1 + var(--n) * .08));transition:filter .15s linear}
.dn-ov{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.dn-tint{position:absolute;inset:0;background:linear-gradient(180deg,#0b1636 0%,#16234a 45%,#1d1b2e 100%);mix-blend-mode:multiply;opacity:calc(var(--n) * .85)}
.dn-sky{position:absolute;inset:0;background:linear-gradient(180deg,#050a1c 0%,#0d1838 55%,#2a1e3a 100%);opacity:calc(var(--n) * .88)}
.dn-stars i{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.9);opacity:calc(var(--n) * var(--n));animation:dnTw 3s ease-in-out infinite}
@keyframes dnTw{50%{transform:scale(.5);filter:brightness(.6)}}
.dn-moon{position:absolute;left:78%;top:9%;width:7%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 40%,#fffbea,#e9e3c9 60%,#cfc8ab);box-shadow:0 0 30px 8px rgba(255,248,214,.35),0 0 80px 20px rgba(160,180,255,.18);opacity:var(--n);transform:translateY(calc((1 - var(--n)) * 60%))}
.dn-sun{position:absolute;left:62%;top:-6%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,236,190,.55),rgba(255,200,120,0) 62%);mix-blend-mode:screen;opacity:calc(1 - var(--n) * 1.6)}
.dn-w{position:absolute;display:block;border-radius:1px;background:linear-gradient(180deg,#ffe2a6,#ffbe6a);mix-blend-mode:screen;opacity:0;box-shadow:0 0 14px 3px rgba(255,190,100,.55),0 0 40px 10px rgba(255,170,80,.25);transition:opacity .35s}
.dn-w.on{opacity:.82;animation:dnOn .7s steps(1)}
@keyframes dnOn{0%{opacity:.82}12%{opacity:.1}22%{opacity:.82}34%{opacity:.25}46%,100%{opacity:.82}}
.dn-sign{position:absolute;opacity:0;background:radial-gradient(ellipse 60% 52% at 50% 50%,rgba(255,40,70,.85),rgba(227,29,60,.35) 45%,rgba(227,29,60,0) 75%);mix-blend-mode:screen;filter:blur(6px);transform:scale(1.5,1.08)}
.dn-sign.on{opacity:1;animation:dnSign 1.1s steps(1),dnPulse 3.4s 1.2s ease-in-out infinite}
@keyframes dnSign{0%{opacity:1}10%{opacity:.1}18%{opacity:1}30%{opacity:.2}38%{opacity:.9}52%{opacity:.3}60%,100%{opacity:1}}
@keyframes dnPulse{50%{opacity:.78}}
.dn-glow{position:absolute;left:0;right:0;bottom:0;height:22%;background:radial-gradient(ellipse 70% 100% at 45% 0%,rgba(255,190,110,.32),transparent 70%);mix-blend-mode:screen;opacity:calc((var(--n) - .4) * 1.6)}
.dn-clock{position:absolute;right:22px;bottom:22px;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 12px;border-radius:999px;background:rgba(10,10,12,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);font:700 14px/1 Montserrat,system-ui,sans-serif;letter-spacing:.06em;color:#fff;font-variant-numeric:tabular-nums}
.dn-ic{width:16px;height:16px;border-radius:50%;background:#ffcf5a;box-shadow:0 0 12px #ffcf5a;transition:background .4s,box-shadow .4s}
.dn-clock.night .dn-ic{background:transparent;box-shadow:inset -5px -2px 0 0 #e9e3c9}
.frame.dn-night .badge{box-shadow:0 0 24px rgba(227,29,60,.7)}
@media (prefers-reduced-motion:reduce){.dn-w.on,.dn-sign.on,.dn-stars i{animation:none}}