/* Kurtyna ładowania i przejść między stronami (kurtyna.js).
   Bez JavaScriptu i przy „ogranicz ruch” nic z tego się nie pokazuje. */

/* Natychmiastowa zasłona, zanim zbuduje się właściwa kurtyna (klasę dodaje kurtyna.js w <head>).
   Gdyby skrypt nie zadziałał, zasłona znika sama po 3,5 s. */
html.kurtyna::after{content:"";position:fixed;inset:0;z-index:2147483646;background:#1E4A35;animation:kurtyna-awaria .4s ease 3.5s forwards}
@keyframes kurtyna-awaria{to{opacity:0;visibility:hidden}}

.kurtyna-box{position:fixed;inset:0;z-index:2147483647;pointer-events:none;visibility:hidden}
.kurtyna-box.on{pointer-events:auto;visibility:visible}
.k-half{position:absolute;top:0;bottom:0;width:50.5%}
.k-half.l{left:0}
.k-half.r{right:0}
.k-half.deep{background:#1E4A35;z-index:2}
.k-half.cream{background:#E9DFC9;z-index:1}
.k-line{position:absolute;top:0;bottom:0;width:2px;background:#FFC857;transform:scaleY(0);transform-origin:50% 50%;box-shadow:0 0 18px rgb(255 200 87 / .7)}
.k-half.l .k-line{right:0}
.k-half.r .k-line{left:0}
.k-center{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:.5rem;text-align:center;color:#fff}
.k-heart{width:76px;height:76px;padding:14px;box-sizing:content-box;border-radius:50%;background:#1E4A35;fill:none;stroke:#FFC857;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.k-heart path{stroke-dasharray:1;stroke-dashoffset:1}
.k-brand{margin:.3rem 0 0;padding:.2rem .7rem;background:#1E4A35;font:400 clamp(1.4rem,1.1rem + 1.2vw,1.9rem)/1.1 "DM Sans",system-ui,sans-serif;letter-spacing:-.02em}
.k-brand b{font-weight:700}
.k-label{margin:0;padding:.35rem 1.1rem;background:#1E4A35;font:600 clamp(1.8rem,1.2rem + 2.5vw,3rem)/1.1 "Lora",Georgia,serif;color:#fff}
.k-pct{position:fixed;right:clamp(1rem,4vw,3rem);bottom:clamp(1rem,4vw,2.5rem);margin:0;font:700 clamp(3.2rem,2rem + 6vw,7rem)/1 "DM Sans",system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#FFC857}
.k-pct small{font-size:.35em;margin-left:.1em;color:#CFE0D4}
@media (prefers-reduced-motion: reduce){.kurtyna-box,html.kurtyna::after{display:none}}