:root{--surface:#101319;--primary:#e6c183;--on-surface:#e1e2ea;--serif:"Noto Serif", serif;--body:"Manrope", sans-serif;--label:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--surface);color:var(--on-surface);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow:hidden}::selection{background:#e6c1834d}.split{width:100%;height:100dvh;min-height:100vh;display:flex}.half{text-align:center;min-width:0;color:var(--on-surface);isolation:isolate;flex:50%;justify-content:center;align-items:center;text-decoration:none;transition:flex-basis .6s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.half__bg{z-index:-2;filter:grayscale(18%)brightness(.62);background-position:50%;background-size:cover;transition:transform .9s cubic-bezier(.22,1,.36,1),filter .6s;position:absolute;inset:0;transform:scale(1.04)}.half--residences .half__bg{background-image:url(https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?w=1920&q=80)}.half--fiskalna .half__bg{background-image:url(/pos/photo-trgovina.jpg)}.half__overlay{z-index:-1;background:linear-gradient(#1013198c 0%,#101319c7 100%);transition:background .6s;position:absolute;inset:0}.half__content{flex-direction:column;align-items:center;gap:4px;max-width:480px;padding:40px 28px;transition:transform .6s cubic-bezier(.22,1,.36,1);display:flex;position:relative;transform:translateY(0)}.half__wordmark{font-family:var(--serif);letter-spacing:.32em;text-transform:uppercase;color:var(--primary);margin-bottom:14px;padding-left:.32em;font-size:.92rem;font-weight:700}.half__eyebrow{font-family:var(--label);letter-spacing:.28em;text-transform:uppercase;color:#e1e2eaa8;margin-bottom:10px;font-size:.66rem;font-weight:500}.half__title{font-family:var(--serif);color:#fff;margin-bottom:14px;font-size:clamp(1.7rem,2.6vw,2.6rem);font-weight:400;line-height:1.18}.half__desc{color:#e1e2ead1;max-width:34ch;margin-bottom:30px;font-size:.92rem;line-height:1.6}.half__cta{font-family:var(--label);letter-spacing:.18em;text-transform:uppercase;color:var(--surface);background:var(--primary);border-radius:999px;align-items:center;gap:10px;padding:13px 26px;font-size:.74rem;font-weight:500;transition:gap .4s,background .4s,transform .4s;display:inline-flex}.half__cta .arrow{transition:transform .4s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.split:hover .half:not(:hover) .half__bg{filter:grayscale(40%)brightness(.4)}.split:hover .half:not(:hover) .half__overlay{background:linear-gradient(#101319b8 0%,#101319e6 100%)}.split:hover .half:not(:hover) .half__content{opacity:.78;transform:translateY(6px)}.split:hover .half:hover{flex-basis:56%}}.half:hover .half__bg,.half:focus-visible .half__bg{filter:grayscale(0%)brightness(.74);transform:scale(1.12)}.half:hover .half__overlay,.half:focus-visible .half__overlay{background:linear-gradient(#10131966 0%,#101319a8 100%)}.half:hover .half__content,.half:focus-visible .half__content{transform:translateY(-6px)}.half:hover .half__cta,.half:focus-visible .half__cta{gap:16px}.half:hover .half__cta .arrow,.half:focus-visible .half__cta .arrow{transform:translate(4px)}.half:focus-visible{outline:2px solid var(--primary);outline-offset:-10px}.split:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000,#e6c18359,#0000);width:1px;position:absolute;top:12%;bottom:12%;left:50%;transform:translate(-50%)}.brand-tag{z-index:5;font-family:var(--label);letter-spacing:.3em;text-transform:uppercase;color:#e1e2ea80;pointer-events:none;white-space:nowrap;font-size:.6rem;font-weight:500;position:fixed;top:26px;left:50%;transform:translate(-50%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.half__content{animation:.7s ease-out both fadeUp}.half--fiskalna .half__content{animation-delay:.12s}@media (width<=768px){body{overflow:hidden}.split{flex-direction:column;height:100dvh;min-height:100dvh}.half{flex:50%;min-height:0}.half__content{gap:2px;padding:18px 24px}.half__wordmark{margin-bottom:6px;font-size:.8rem}.half__eyebrow{margin-bottom:6px;font-size:.6rem}.half__title{margin-bottom:8px;font-size:clamp(1.35rem,6vw,1.9rem);line-height:1.15}.half__desc{margin-bottom:16px;font-size:.82rem;line-height:1.45}.half__cta{padding:11px 22px}.split:after{background:linear-gradient(90deg,#0000,#e6c18359,#0000);width:auto;height:1px;inset:50% 12% auto;transform:translateY(-50%)}.brand-tag{font-size:.55rem;top:12px}}@media (width<=768px) and (height<=670px){.half__content{padding:12px 24px}.half__desc{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.half__bg,.half__overlay,.half__content,.half__cta,.half{transition:none}.half__content{animation:none}}