@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-variable.woff2) format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-mono-variable.woff2) format("woff2")}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/sora-600.woff2) format("woff2")}@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/sora-700.woff2) format("woff2")}@font-face{font-family:Sora;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/sora-800.woff2) format("woff2")}:root{--ac: #9282ed;--ac-deep: #6a5cd6;--ac-text: #b6aaf8;--ac-ink: #0e0a1f;--ac-glow: color-mix(in srgb, var(--ac) 24%, transparent);--ac-fill: linear-gradient(180deg, color-mix(in srgb, var(--ac) 86%, #fff), var(--ac-deep));--ac2: var(--ac-deep);--accent: var(--ac);--accent-2: var(--ac-deep);--accent-ink: var(--ac-ink);--accent-glow: var(--ac-glow);--bg: #0a0912;--bg-soft: #0f0e19;--panel: #0f0e19;--panel-2: #12111f;--surface: #171529;--surface-2: #1b1930;--chip: #1b1930;--card-grad: var(--surface);--border: #2c2946;--border-soft: #221f38;--hair: #19172b;--text: #ecebf5;--text-muted: #a5a2ba;--text-dim: #8480a0;--faint: #625e7c;--good: #5fcf8f;--warn: #e9b949;--info: #7aa7ea;--ember: #f0935c;--ember-deep: #b8532a;--ember-text: #f7b48d;--ice: #62c9e6;--ice-deep: #2b7f9e;--ice-text: #9bdcef;--tone: var(--ac);--tone-text: var(--ac-text);--tone-deep: var(--ac-deep);--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Sora", var(--font-sans);--font-mono: "Geist Mono", ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--container: 1160px;--c-prose: 900px;--c-narrow: 860px;--c-cv: 1020px;--container-narrow: 860px;--r-card: 16px;--r-panel: 14px;--r-btn: 10px;--r-chip: 6px;--r-pill: 999px;--radius: 14px;--radius-sm: 9px;--radius-lg: 16px;--gap: 1.3rem;--shadow: 0 1px 2px rgba(10, 9, 18, .5), 0 12px 32px rgba(10, 9, 18, .45);--shadow-lg: 0 30px 70px rgba(10, 9, 18, .6);--shadow-card: 0 24px 60px rgba(10, 9, 18, .55), 0 0 30px var(--ac-glow);--z-header: 50;--z-pop: 60;--z-modal: 100;--z-lightbox: 120;--z-fx: 130;--ease: cubic-bezier(.22, 1, .36, 1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes drift1{0%{transform:translate(0) scale(1)}to{transform:translate(60px,34px) scale(1.18)}}@keyframes drift2{0%{transform:translate(0) scale(1.1)}to{transform:translate(-46px,26px) scale(1)}}@keyframes pulseRing{0%{transform:scale(1);opacity:.45}to{transform:scale(2.6);opacity:0}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:color-mix(in srgb,var(--ac) 20%,transparent)}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.65;font-size:17px;min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{display:block;max-width:100%}img{height:auto}a{color:var(--ac-text);text-decoration:none;transition:color .15s var(--ease)}a:hover{color:var(--text)}a,button{touch-action:manipulation}:target{scroll-margin-top:80px}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.12;font-weight:700;letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(2.2rem,5.4vw,3.6rem);font-weight:800;letter-spacing:-.03em}h2{font-size:clamp(1.7rem,3.5vw,2.4rem)}h3{font-size:1.18rem}p{color:var(--text-muted);text-wrap:pretty}ul{padding-left:1.1rem}code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-2);padding:.1em .4em;border-radius:6px;color:var(--ac-text)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}*::-webkit-scrollbar-track{background:transparent}::selection{background:color-mix(in srgb,var(--ac) 35%,transparent);color:var(--text)}:focus-visible{outline:2px solid var(--ac);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;top:.6rem;left:.6rem;z-index:var(--z-fx);padding:.55rem .9rem;border-radius:var(--r-btn);background:var(--ac);color:var(--ac-ink);font-family:var(--font-mono);font-size:.82rem;font-weight:600;transform:translateY(-200%);transition:transform .15s var(--ease)}.skip-link:focus-visible{transform:none;outline-offset:3px}[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{animation:none!important;transition:none!important}.decor-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(236,235,245,.035) 1px,transparent 1px);background-size:30px 30px}.decor-glow{position:fixed;top:0;left:0;z-index:0;pointer-events:none;width:1400px;height:1400px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ac) 7%,transparent),transparent 62%);transform:translate3d(calc(var(--mx, 70vw) - 700px),calc(var(--my, 20vh) - 700px),0);will-change:transform;transition:opacity 1s var(--ease)}.decor-scene{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 1s var(--ease);background:radial-gradient(70% 60% at 72% 38%,color-mix(in srgb,var(--tone) 18%,transparent),transparent 70%)}html[data-scene=ember] .decor-scene[data-tone=ember],html[data-scene=ice] .decor-scene[data-tone=ice]{opacity:1}html[data-scene=ember] .decor-glow,html[data-scene=ice] .decor-glow{opacity:.4}[data-tone=ember]{--tone: var(--ember);--tone-text: var(--ember-text);--tone-deep: var(--ember-deep)}[data-tone=ice]{--tone: var(--ice);--tone-text: var(--ice-text);--tone-deep: var(--ice-deep)}[data-tone=iris]{--tone: var(--ac);--tone-text: var(--ac-text);--tone-deep: var(--ac-deep)}.page-root{position:relative;min-height:100dvh;overflow-x:clip}.page-body{position:relative;z-index:1}main:focus-visible{outline:none}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.container.narrow{max-width:var(--c-narrow)}.container.prose{max-width:var(--c-prose)}.section{padding-block:clamp(3rem,8vw,5.5rem)}.section-sm{padding-block:clamp(2rem,5vw,3rem)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.center{text-align:center}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow-mono{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;color:var(--ac-text)}.cmd{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.cmd:before{content:"$ ";color:var(--ac-text)}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:600;font-size:.96rem;padding:.72rem 1.3rem;border-radius:var(--r-btn);border:1px solid var(--border);background:var(--chip);color:var(--text);cursor:pointer;white-space:nowrap;transition:transform .15s var(--ease),background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease)}.btn:hover{transform:translateY(-2px);border-color:var(--ac)}.btn:active{transform:translateY(0) scale(.98);transition-duration:.08s}.btn-primary{background:var(--ac-fill);color:var(--ac-ink);border-color:transparent;box-shadow:inset 0 1px #ffffff38,0 8px 24px var(--ac-glow)}.btn-primary:hover{color:var(--ac-ink);border-color:transparent;box-shadow:inset 0 1px #ffffff38,0 12px 30px color-mix(in srgb,var(--ac) 34%,transparent)}.btn-ghost{background:transparent}.link-mono{font-family:var(--font-mono);font-size:.86rem;color:var(--text-muted)}.link-mono:hover{color:var(--ac-text)}button:where(:not(.btn)):not(:disabled):active{transform:scale(.96)}.chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.02em;padding:.24rem .6rem;border-radius:var(--r-chip);background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text-muted)}.tag-row{display:flex;flex-wrap:wrap;gap:.45rem}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-card)}.panel{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--r-panel);overflow:clip}.panel-head{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;background:var(--panel-2);border-bottom:1px solid var(--hair);font-family:var(--font-mono);font-size:.76rem;color:var(--text-muted)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .64s var(--ease),transform .64s var(--ease);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}[data-page=home] [data-nav=home],[data-page=projects] [data-nav=projects],[data-page=detail] [data-nav=projects],[data-page=about] [data-nav=about],[data-page=cv] [data-nav=cv]{color:var(--ac-text)!important}[data-page=home] [data-nav=home]:after,[data-page=projects] [data-nav=projects]:after,[data-page=detail] [data-nav=projects]:after,[data-page=about] [data-nav=about]:after,[data-page=cv] [data-nav=cv]:after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:2px;height:2px;border-radius:2px;background:var(--ac)}@media(max-width:900px){[data-m~=hero]{grid-template-columns:1fr!important}[data-m~=feat]{grid-template-columns:repeat(2,minmax(0,1fr))!important}[data-m~=feat]>a{grid-column:span 1!important}[data-m~=detail]{grid-template-columns:1fr!important}[data-m~=side]{position:static!important}}@media(max-width:760px){[data-page]{font-size:16px!important}[data-m~=wrap]{padding-left:1rem!important;padding-right:1rem!important}[data-m~=hdr]{flex-wrap:wrap;height:auto!important;padding-top:.55rem!important;padding-bottom:.55rem!important}[data-m~=hdr]>div:last-child{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.3rem!important}[data-m~=nav]{flex-wrap:wrap}[data-m~=nav] a{padding:.45rem .5rem!important;font-size:.84rem!important}[data-m~=nav] a:after{left:.5rem!important;right:.5rem!important}[data-m~=hdr] [data-lang-btn]{padding:.28rem .5rem!important}[data-m~=hero-pad]{padding-top:3rem!important;padding-bottom:2.5rem!important}[data-m~=feat],[data-m~=cvgrid]{grid-template-columns:1fr!important}[data-m~=cvgrid],[data-m~=cvhead]{padding-left:1.25rem!important;padding-right:1.25rem!important}}.decor-grain{position:fixed;inset:0;z-index:var(--z-fx);pointer-events:none;opacity:.045;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.wipe{position:fixed;inset:0;z-index:var(--z-fx);pointer-events:none;transform:translate(-104%);will-change:transform;background:linear-gradient(100deg,var(--ac-deep) 0%,var(--ac) 55%,color-mix(in srgb,var(--ac) 0%,transparent) 100%)}.wipe.is-on{animation:wipeAcross .6s var(--ease) both}@keyframes wipeAcross{0%{transform:translate(-104%)}42%{transform:translate(0)}to{transform:translate(104%)}}.rise{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.12em;margin-bottom:-.12em}.rise>span{display:inline-block;transform:translateY(112%);animation:riseIn .95s var(--ease) both;animation-delay:calc(var(--i, 0) * .11s + 60ms)}@keyframes riseIn{to{transform:none}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.wipe,.rise>span{animation:none!important;transform:none!important}}@supports (animation-timeline: view()){.wipe-in{animation:wipeIn linear both;animation-timeline:view();animation-range:entry 0% entry 45%}}@keyframes wipeIn{0%{clip-path:inset(0 100% 0 -4px);transform:translate(-12px)}to{clip-path:inset(0 0 0 -4px);transform:none}}.deck{perspective:1200px}@media(prefers-reduced-motion:reduce){.wipe-in{animation:none!important;clip-path:none!important}}html:not([data-lang=hr]) [data-l=hr]{display:none!important}html[data-lang=hr] [data-l=en]{display:none!important}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.site-header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:var(--z-header);backdrop-filter:blur(14px);background:#0a0912b8;border-bottom:1px solid var(--border-soft)}.bar[data-astro-cid-3ef6ksr2]{max-width:var(--container);margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:60px;gap:1rem}.brand[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;gap:.65rem;color:var(--text);min-width:0}.brand[data-astro-cid-3ef6ksr2]:hover{color:var(--text)}.brand-mark[data-astro-cid-3ef6ksr2]{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;flex-shrink:0;background:var(--ac-fill);color:var(--ac-ink);font-family:var(--font-display);font-weight:800;font-size:.78rem;letter-spacing:-.03em;box-shadow:inset 0 1px #ffffff38,0 6px 18px var(--ac-glow)}.crumb[data-astro-cid-3ef6ksr2]{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb[data-astro-cid-3ef6ksr2] .dimc[data-astro-cid-3ef6ksr2]{color:var(--text-dim)}.crumb[data-astro-cid-3ef6ksr2] .host[data-astro-cid-3ef6ksr2]{color:var(--ac-text)}.bar-right[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.6rem}.lang-toggle[data-astro-cid-3ef6ksr2]{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-pill);overflow:hidden;background:var(--chip)}.lang-opt[data-astro-cid-3ef6ksr2]{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:.3rem .6rem;background:transparent;border:0;color:var(--text-dim);cursor:pointer;transition:color .15s var(--ease)}.lang-opt[data-astro-cid-3ef6ksr2]:hover{color:var(--text)}html[data-lang=en] .lang-opt[data-astro-cid-3ef6ksr2][data-lang-btn=en],html[data-lang=hr] .lang-opt[data-astro-cid-3ef6ksr2][data-lang-btn=hr]{background:var(--ac-fill);color:var(--ac-ink)}.nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.15rem}.nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{position:relative;color:var(--text-muted);font-weight:500;font-size:.92rem;padding:.5rem .8rem}.nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:var(--text)}.settings[data-astro-cid-3ef6ksr2]{position:relative}.gear[data-astro-cid-3ef6ksr2]{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--chip);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:color .15s var(--ease),border-color .15s var(--ease),transform .1s var(--ease)}.gear[data-astro-cid-3ef6ksr2]:hover,.gear[data-astro-cid-3ef6ksr2][aria-expanded=true]{color:var(--text);border-color:var(--ac)}.settings-pop[data-astro-cid-3ef6ksr2]{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);box-shadow:var(--shadow-lg);padding:.7rem .8rem;z-index:var(--z-pop)}.settings-pop[data-astro-cid-3ef6ksr2][hidden]{display:none}.set-h[data-astro-cid-3ef6ksr2]{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);margin-bottom:.5rem}.set-row[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.35rem 0}.set-l[data-astro-cid-3ef6ksr2]{font-family:var(--font-mono);font-size:.76rem;color:var(--text-muted)}.set-toggle[data-astro-cid-3ef6ksr2]{cursor:pointer}.set-toggle[data-astro-cid-3ef6ksr2] input[data-astro-cid-3ef6ksr2]{accent-color:var(--ac);width:15px;height:15px;cursor:pointer}.swatches[data-astro-cid-3ef6ksr2]{display:inline-flex;gap:.4rem}.sw[data-astro-cid-3ef6ksr2]{width:18px;height:18px;border-radius:50%;background:var(--sw);border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s var(--ease),border-color .12s var(--ease)}.sw[data-astro-cid-3ef6ksr2]:hover{transform:scale(1.12)}.sw[data-astro-cid-3ef6ksr2][aria-pressed=true]{border-color:var(--text)}.site-footer[data-astro-cid-sz7xmlte]{border-top:1px solid var(--hair);margin-top:4rem;background:var(--panel);overflow:clip}.foot-mark[data-astro-cid-sz7xmlte]{display:block;max-width:var(--container);margin:0 auto;padding:2.2rem 2rem 0;font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,10.5vw,9.6rem);line-height:.92;letter-spacing:-.05em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--ac) 45%,transparent);transition:color .45s var(--ease),-webkit-text-stroke-color .45s var(--ease)}.foot-mark[data-astro-cid-sz7xmlte]:hover,.foot-mark[data-astro-cid-sz7xmlte]:focus-visible{color:var(--ac-text);-webkit-text-stroke-color:transparent}.foot[data-astro-cid-sz7xmlte]{max-width:var(--container);margin:0 auto;padding:1.6rem 2rem 1.2rem;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center}.foot-name[data-astro-cid-sz7xmlte]{font-family:var(--font-display);font-weight:700;color:var(--text)}.foot-tag[data-astro-cid-sz7xmlte]{font-size:.8rem;margin-top:.15rem}.foot-links[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;gap:1.1rem;font-family:var(--font-mono);font-size:.82rem}.foot-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--text-muted)}.foot-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--ac-text)}.foot-bottom[data-astro-cid-sz7xmlte]{max-width:var(--container);margin:0 auto;padding:0 2rem 1.6rem;font-size:.82rem}@media(max-width:760px){.foot-mark[data-astro-cid-sz7xmlte]{padding-inline:1rem}.foot[data-astro-cid-sz7xmlte],.foot-bottom[data-astro-cid-sz7xmlte]{padding-left:1rem;padding-right:1rem}}