@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-400.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-500.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-600.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-700.ttf)format("truetype")}:root{color:#f2f3f7;font-synthesis:none;--muted:#b8c4d3;--accent:#ff5057;--border:#e1e8ff26;--radius:18px;background:#080d13;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:5px;outline:2px solid #ff7b7f}a{transition:background .2s,border-color .2s,transform .2s}svg{flex-shrink:0}p{color:var(--muted);margin:0 0 10px;font-size:14px;line-height:1.5}h1,h2,h3{margin:0;font-weight:650}h2{letter-spacing:-.6px;font-size:22px}h3{letter-spacing:-.3px;font-size:17px}.landscape{z-index:-1;background:linear-gradient(#141c2e40 0%,#080d1361 28%,#080d13 88%),linear-gradient(90deg,#070e1ba6,#0000 70%),url(/images/sar-planina.avif) 50% 38%/cover no-repeat;height:1080px;position:absolute;inset:0 0 auto}.landscape:after{content:"";background:radial-gradient(at 90% 8%,#d26a4a60,#0000 50%);position:absolute;inset:0}.site-shell{max-width:1400px;margin:auto;padding:15px 32px 0}.glass{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius);background:linear-gradient(115deg,#b8c6e21a,#b8c6e20e);box-shadow:inset 0 1px #ffffff05,0 8px 30px #0000000f}.header{align-items:center;gap:40px;height:64px;padding:0 25px;display:flex}.wordmark{letter-spacing:-.5px;white-space:nowrap;font-size:19px;font-weight:650}.header nav{align-items:stretch;gap:31px;height:100%;margin-left:auto;display:flex}.header nav a{align-items:center;font-size:14px;display:flex;position:relative}.header nav a:hover{color:#ff999d}.header nav .active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:-7px;right:-7px;box-shadow:0 0 12px #ff5057}.button{border:1px solid var(--border);white-space:nowrap;border-radius:50px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:13px 22px;font-size:14px;display:inline-flex}.button svg{width:19px;height:19px}.github-button{background:#ffffff0c;min-height:42px;padding:10px 20px}.github-button svg:last-child{width:15px}.button:hover{background-color:#ffffff15;transform:translateY(-2px)}.hero{grid-template-columns:minmax(0,1.65fr) minmax(0,.8fr) minmax(0,.67fr);align-items:center;gap:16px;padding:38px 27px 25px;display:grid}.eyebrow{color:#c6ccd8;background:#ffffff08;border:1px solid #ffffff13;border-radius:50px;align-items:center;gap:8px;margin-bottom:16px;padding:7px 12px;font-size:12px;display:inline-flex}.eyebrow b{color:#929cac;font-weight:400}h1{letter-spacing:-1.4px;margin-bottom:16px;font-size:clamp(35px,3.3vw,49px);line-height:1.09}h1 em{color:#f18478;font-style:normal}.hero-copy>p{color:#d1dae7;max-width:510px;font-size:16px;line-height:1.5}.hero-actions{gap:16px;margin-top:24px;display:flex}.primary{background:#ff303e;border-color:#ff6370;padding-inline:22px;box-shadow:0 8px 32px #ff304050}.primary:hover{background:#ff4956}.secondary{background:#c4d3ea0c;min-width:163px}.portrait{background:#ffffff18;border-radius:23px;height:350px;margin:0;padding:7px;position:relative}.portrait img{object-fit:cover;object-position:center;border-radius:16px;width:100%;height:100%}.portrait figcaption{background:#070d16aa;border:1px solid #ffffff20;border-radius:10px;align-items:center;gap:5px;padding:7px 9px;font-size:12px;display:flex;position:absolute;bottom:15px;left:15px}.portrait figcaption svg{width:15px;height:15px}.stats{gap:10px;display:grid}.stat{border-radius:15px;align-items:center;gap:15px;min-height:79px;padding:12px;display:flex}.stat strong{letter-spacing:-.4px;font-size:18px;font-weight:650;line-height:1.3;display:block}.stat small{color:#ced4de;margin-top:3px;font-size:12px;display:block}.icon-box{background:linear-gradient(135deg,#b5c5ed12,#b5c5ed09);border:1px solid #ffffff09;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:49px;height:49px;display:flex;box-shadow:0 4px 16px #0000000d}.icon-box svg{width:27px;height:27px}.lilac{color:#c6b8f4}.blue{color:#a5d8ee}.cyan{color:#74c6ff}.gold{color:#ffbf48}.gold svg{fill:#ffbf48;filter:drop-shadow(0 0 10px #ffaa5060)}.services{background:#ffffff04;grid-template-columns:repeat(4,1fr);gap:10px;padding:7px;display:grid}.service{background:linear-gradient(120deg,#cad6f012,#cad6f008);border:1px solid #ffffff06;border-radius:15px;align-items:center;gap:18px;padding:16px;display:flex}.service:hover{background:#d5e1ff16}.service h2{letter-spacing:-.2px;margin-bottom:5px;font-size:16px}.service p{max-width:195px;margin:0;font-size:13px;line-height:1.45}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.projects-section{margin-top:15px}.text-link{color:#ff777b;white-space:nowrap;font-size:13px}.text-link:hover{color:#ffb4b7}.projects{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.project{flex-direction:column;min-height:172px;padding:18px;display:flex;position:relative;overflow:hidden}.project:hover{background-color:#ffffff08;border-color:#fff4;transform:translateY(-3px)}.project-copy{z-index:1;width:63%;position:relative}.project-copy h3{margin-bottom:5px}.project p{margin:0;font-size:12.5px;line-height:1.4}.project-arrow{opacity:0;color:var(--accent);margin-left:6px;display:inline-block}.project:hover .project-arrow{opacity:1}.project-image{object-fit:cover;opacity:.85;border-radius:12px;width:36%;height:calc(100% - 18px);position:absolute;top:9px;bottom:9px;right:8px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25%);mask-image:linear-gradient(90deg,#0000,#000 25%)}.project-image.app-icon{object-fit:contain;opacity:1;width:104px;height:104px;top:20px;right:19px;-webkit-mask-image:none;mask-image:none}.tags{z-index:1;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:12px;display:flex;position:relative}.tags span{background:#222e3be6;border:1px solid #ffffff0a;border-radius:25px;padding:4px 10px;font-size:11px;line-height:1}.bottom-grid{grid-template-columns:1.05fr 1.17fr .9fr;gap:35px;margin-top:20px;display:grid}.bottom-grid h2{margin-bottom:8px}.bottom-grid .section-heading h2{margin:0}.bottom-grid p{font-size:13.5px;line-height:1.4}.about-button{background:#b8dbf00a;border-radius:12px;min-height:42px;padding:10px 17px;font-size:13px}.note{background:#b8c6e00b;border-radius:13px;align-items:center;gap:13px;min-height:81px;margin-bottom:9px;padding:9px;display:flex;position:relative}.note:hover{background:#b8c6e018}.note img{object-fit:cover;border-radius:8px;width:72px;height:62px}.note h3{letter-spacing:0;font-size:13px}.note div>span{color:#96a7bc;font-size:11px}.note p{margin:2px 0 0;font-size:12px;line-height:1.3}.note-arrow{color:#a8b4c6;align-self:flex-start;margin-left:auto}.email{border-radius:12px;align-items:center;gap:13px;margin:15px 0 8px;padding:13px 16px;font-size:12.5px;display:flex}.email svg{width:23px}.email span:last-child{margin-left:auto}.email:hover,.socials a:hover{background:#ffffff18}.socials{gap:8px;display:flex}.socials a{border-radius:11px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 7px;font-size:11px;display:flex}.socials svg{width:19px;height:19px}.whatsapp svg{color:#25d366}footer{color:#8291a5;border-top:1px solid #ffffff0b;justify-content:space-between;gap:20px;margin-top:22px;padding:22px 0 16px;font-size:11px;display:flex}.skip{color:#fff;z-index:10;background:#111;padding:15px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}@media (width>=1600px){.site-shell{padding-top:24px}.hero{padding-top:45px;padding-bottom:30px}.portrait{height:375px}.stat{min-height:85px}.project{min-height:185px}.bottom-grid{margin-top:25px}}@media (width<=1100px){.site-shell{padding:16px 24px 0}.header{gap:25px;padding:0 20px}.header nav{gap:20px}.hero{grid-template-columns:1.4fr .85fr;padding:32px 10px 24px}.stats{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.stat{gap:9px;padding:10px}.stat strong{font-size:15px}.stat small{font-size:10px}.stat .icon-box{width:36px;height:40px}.stat svg{width:23px}.portrait{height:335px}.services{grid-template-columns:repeat(2,1fr)}.project-copy{width:100%}.project-image{width:100%;height:140px;margin:12px 0;position:relative;inset:auto;-webkit-mask-image:none;mask-image:none}.project-image.app-icon{height:108px;margin:20px auto 12px;position:relative;inset:auto}.project{min-height:335px}.bottom-grid{grid-template-columns:1fr 1.15fr;gap:25px}.bottom-grid #contact{grid-column:1/-1;width:100%;max-width:500px}.hero-copy>p{font-size:15px}}@media (width<=680px){.site-shell{padding:12px 16px 0}.header{border-radius:16px;flex-wrap:wrap;gap:12px;height:auto;min-height:64px;padding:15px}.wordmark{font-size:17px}.github-button{min-height:34px;margin-left:auto;padding:6px 11px;font-size:12px}.github-button svg:last-child{display:none}.header nav{order:3;justify-content:space-between;gap:12px;width:100%;height:32px;margin:4px 0 -4px}.header nav a{font-size:12px}.header nav .active:after{bottom:-4px;left:0;right:0}.hero{grid-template-columns:1fr;gap:22px;padding:28px 3px 20px}.hero-copy{order:0}.hero h1{letter-spacing:-1.3px;font-size:42px;line-height:1.1}.hero-copy>p{max-width:480px}.wide-break{display:none}.hero-actions{gap:10px;margin-top:20px}.hero-actions .button{gap:9px;padding:12px 16px;font-size:13px}.secondary{min-width:0}.portrait{order:1;width:100%;max-width:none;height:330px}.portrait img{object-position:center 35%}.stats{order:2;grid-template-columns:repeat(2,1fr);gap:8px}.stat{min-height:78px}.stat small{font-size:10px}.stat strong{font-size:15px}.services{gap:7px;padding:6px}.service{padding:12px;display:block}.service .icon-box{border-radius:10px;width:37px;height:37px;margin-bottom:10px}.service .icon-box svg{width:23px;height:23px}.service h2{font-size:14px}.service p{font-size:12px}.projects-section{margin-top:24px}.section-heading h2,h2{font-size:21px}.text-link{font-size:11px}.projects{grid-template-columns:1fr;gap:10px}.project{min-height:177px;padding:18px}.project-copy{width:65%}.project-image{width:33%;height:calc(100% - 18px);margin:0;position:absolute;top:9px;right:8px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25%);mask-image:linear-gradient(90deg,#0000,#000 25%)}.project-image.app-icon{width:85px;height:85px;margin:0;position:absolute;top:23px;right:15px}.project p{font-size:12.5px}.tags span{font-size:10px}.bottom-grid{grid-template-columns:1fr;gap:25px;margin-top:25px}.bottom-grid #contact{grid-column:auto;max-width:none}.note{min-height:88px}.bottom-grid p{font-size:14px}.email{font-size:13px}.socials a{font-size:12px}footer{flex-wrap:wrap;gap:10px;font-size:10px}footer span:nth-child(2){order:3;width:100%}.landscape{background-position:50%,50%,60% 0;height:1150px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}@media (width<=380px){.hero{grid-template-columns:minmax(0,1fr)}.hero-actions{flex-wrap:wrap}.hero h1{font-size:36px}.stat{gap:6px;padding:9px 7px}.stat strong{font-size:13px}.stat small{font-size:9px}.stat .icon-box{width:30px}.email{gap:8px;padding:12px 10px;font-size:11px}}.header{z-index:20;-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);background-color:#1b233459;border-color:#e1e8ff38;position:sticky;top:12px;box-shadow:inset 0 1px #ffffff18,0 8px 30px #00000020}html{scroll-padding-top:100px}section[id]{scroll-margin-top:100px}.project-footer{z-index:2;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;padding-top:12px;display:flex;position:relative}.project-footer .tags{align-self:center;margin:0;padding:0}.project-links{flex-shrink:0;gap:5px;display:flex}.project-links a{border:1px solid var(--border);color:#dce4ef;background:#111b28e6;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.project-links svg{width:19px;height:19px}.project-links a:hover{color:#fff;background:#354259}@media (width<=1100px) and (width>=681px){.project-footer{flex-wrap:wrap}}@media (width<=680px){html{scroll-padding-top:145px}section[id]{scroll-margin-top:145px}.project-footer{flex-wrap:wrap}.project-footer .tags{flex:100%}.project-links{margin-top:3px}.project{min-height:208px}}.press-pills{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.press-pills a{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#a4afbf;background:#b8c6e008;border:1px solid #ffffff12;border-radius:50px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;line-height:1.3;display:inline-flex}.press-pills a span{opacity:.6;font-size:10px}.press-pills a:hover{color:#d1dae7;background:#b8c6e018;border-color:#ffffff26}