:root{--paper:#F6F5FB;--paper-2:#ECEAF7;--ink:#1C1F3B;--ink-soft:#4A4E70;--line:#D9D6EC;--iris:#5B5BD6;--mint:#3CC9A0;--coral:#FF7A66;--butter:#FFCF5C;--card:#FFFFFF;--on-accent:#1C1F3B;--shadow:0 30px 60px -30px rgba(40,36,110,.35);--display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--body:"Onest", "Segoe UI", system-ui, -apple-system, sans-serif;--wrap:1180px;box-sizing:border-box;padding-top:env(safe-area-inset-top, 0px);padding-bottom:env(safe-area-inset-bottom, 0px)}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--paper:#15172C;--paper-2:#1D2040;--ink:#EEEDFB;--ink-soft:#AFB1D2;--line:#2E3260;--card:#1F2244;--iris:#8282F0;--shadow:0 30px 60px -30px rgba(0,0,0,.6)}}:root[data-theme=dark]{color-scheme:dark;--paper:#15172C;--paper-2:#1D2040;--ink:#EEEDFB;--ink-soft:#AFB1D2;--line:#2E3260;--card:#1F2244;--iris:#8282F0;--shadow:0 30px 60px -30px rgba(0,0,0,.6)}@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-display:swap;font-weight:200 800;src:url("../fonts/bricolage-grotesque-latin-ext.woff2") format("woff2-variations"),url("../fonts/bricolage-grotesque-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-display:swap;font-weight:200 800;src:url("../fonts/bricolage-grotesque-latin.woff2") format("woff2-variations"),url("../fonts/bricolage-grotesque-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Onest";font-style:normal;font-display:swap;font-weight:100 900;src:url("../fonts/onest-latin-ext.woff2") format("woff2-variations"),url("../fonts/onest-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Onest";font-style:normal;font-display:swap;font-weight:100 900;src:url("../fonts/onest-latin.woff2") format("woff2-variations"),url("../fonts/onest-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*::before,*::after{box-sizing:inherit}html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top, 0px) + 80px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--iris);outline-offset:3px;border-radius:6px}.wrap{width:min(var(--wrap),100% - 2.5rem);margin-inline:auto}h1,h2,h3{font-family:var(--display);line-height:1.05;margin:0;font-weight:800;letter-spacing:-0.02em}h2{font-size:clamp(2.2rem,5vw,3.6rem)}p{margin:0 0 1em}picture{display:block}.portrait picture{position:relative;height:100%}body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top, 0px);z-index:60;background:var(--paper)}.nav{position:sticky;top:env(safe-area-inset-top, 0px);z-index:50;transition:background .3s,box-shadow .3s}.nav.is-scrolled{background:color-mix(in srgb, var(--paper) 85%, transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{font-family:var(--display);font-weight:800;font-size:1.25rem;text-decoration:none;display:flex;align-items:center;gap:.6rem}.logo svg{height:38px;width:auto;flex:none;transition:transform .4s cubic-bezier(0.2, 0.8, 0.2, 1)}.logo:hover svg{transform:rotate(-4deg) scale(1.06)}.logo .pc{transform-box:fill-box;animation:logoIn .8s cubic-bezier(0.2, 0.8, 0.2, 1) both;animation-delay:calc(.1s + var(--d)*.1s)}@keyframes logoIn{from{opacity:0;transform:translate(calc(var(--dx) * 40px), -24px)}to{opacity:1;transform:none}}.foot-logo{display:inline-block;margin-bottom:.8rem}.foot-logo svg{height:30px;width:auto;display:block}.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.25rem}.nav ul a{text-decoration:none;padding:.5rem .9rem;border-radius:999px;font-weight:500;color:var(--ink-soft);transition:color .2s,background .2s}.nav ul a:hover,.nav ul a.active{color:var(--ink);background:var(--paper-2)}.menu-btn{display:none;position:relative;width:44px;height:44px;background:none;border:0;border-radius:12px;cursor:pointer;padding:0}.menu-btn:hover{background:var(--paper-2)}.menu-btn b{position:absolute;right:11px;height:4px;border-radius:3px;transition:transform .4s cubic-bezier(0.2, 0.8, 0.2, 1),width .4s cubic-bezier(0.2, 0.8, 0.2, 1),opacity .25s,top .4s cubic-bezier(0.2, 0.8, 0.2, 1)}.menu-btn b:nth-child(1){top:13px;width:22px;background:var(--butter)}.menu-btn b:nth-child(2){top:20px;width:17.6px;background:var(--coral)}.menu-btn b:nth-child(3){top:27px;width:13.2px;background:var(--iris)}.menu-btn[aria-expanded=true] b:nth-child(1){top:20px;width:22px;transform:rotate(45deg)}.menu-btn[aria-expanded=true] b:nth-child(2){opacity:0;transform:translateX(8px)}.menu-btn[aria-expanded=true] b:nth-child(3){top:20px;width:22px;transform:rotate(-45deg)}@media(max-width: 760px){.menu-btn{display:block}.nav ul{position:absolute;top:76px;left:1.25rem;right:1.25rem;flex-direction:column;gap:.25rem;background:var(--card);padding:1rem;border-radius:24px;box-shadow:var(--shadow);border:1px solid var(--line);opacity:0;visibility:hidden;translate:0 -10px;transition:opacity .3s,translate .35s cubic-bezier(0.2, 0.8, 0.2, 1),visibility 0s .35s}.nav ul.open{opacity:1;visibility:visible;translate:0 0;transition:opacity .3s,translate .35s cubic-bezier(0.2, 0.8, 0.2, 1)}.nav ul a{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;font-size:1.15rem;font-family:var(--display);font-weight:600;color:var(--ink);border-radius:16px}.nav ul a::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--line);transition:background .2s}.nav ul li:nth-child(1) a:hover::after,.nav ul li:nth-child(1) a.active::after{background:var(--butter)}.nav ul li:nth-child(2) a:hover::after,.nav ul li:nth-child(2) a.active::after{background:var(--coral)}.nav ul li:nth-child(3) a:hover::after,.nav ul li:nth-child(3) a.active::after{background:var(--iris)}.nav ul li:nth-child(4) a:hover::after,.nav ul li:nth-child(4) a.active::after{background:var(--mint)}.nav ul li+li{border-top:1px solid var(--line);padding-top:.25rem}}@media(max-width: 760px){.menu-btn{display:block}}section{position:relative}.sec{padding-block:clamp(5rem,10vw,8rem)}.sec-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3.5rem;flex-wrap:wrap}.sec-head p{max-width:40ch;color:var(--ink-soft);margin:0}::selection{background:color-mix(in srgb, var(--butter) 75%, transparent);color:#1c1f3b}.projects ::selection{background:var(--coral);color:#1c1f3b}.progress{position:absolute;left:0;bottom:-1px;height:3px;width:0;background:linear-gradient(90deg, var(--butter) 0 25%, var(--coral) 25% 50%, var(--iris) 50% 75%, var(--mint) 75% 100%) 0 0/100vw 100% no-repeat;border-radius:0 3px 3px 0;pointer-events:none}.dur{display:inline-block;margin-left:.6rem;padding:.1rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--ink);background:color-mix(in srgb, var(--c, var(--iris)) 20%, transparent);vertical-align:1px}.hbar::after{content:"";display:block;width:64px;height:9px;border-radius:3px;margin-top:.9rem;background:var(--hc, var(--coral));box-shadow:5px 5px 0 color-mix(in srgb, var(--hc, var(--coral)) 60%, #1C1F3B);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(0.2, 0.8, 0.2, 1) .15s}.hbar.in::after{transform:none}#o-mne{--hc:var(--butter)}#technologie{--hc:var(--coral)}#skusenosti{--hc:var(--iris)}#projekty{--hc:var(--coral)}#odporucania{--hc:var(--mint)}#kontakt{--hc:var(--iris)}.hero{position:relative;min-height:calc(100svh - 72px);display:flex;align-items:center;padding-block:3rem 5rem;overflow:clip}.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:2rem;align-items:center}.hero-bgword{position:absolute;left:-1vw;bottom:1.5vw;font-family:var(--display);font-weight:800;font-size:22vw;line-height:1;color:var(--paper-2);white-space:nowrap;pointer-events:none;z-index:0;letter-spacing:-0.04em;will-change:transform}.hero-bgword span,.fs-word,#flyword{display:inline-block;line-height:1;font-family:var(--display);font-weight:800;letter-spacing:-0.04em;white-space:nowrap}.fs-word{color:var(--iris);font-size:1.2em;margin-right:.1em}#flyword{display:none;position:fixed;left:0;top:0;font-size:22vw;transform-origin:0 0;z-index:-1;pointer-events:none;color:var(--paper-2);will-change:transform,color}.fly-on #flyword{display:block}.fly-on .hero-bgword{visibility:hidden}.fly-on .fs-word:not(.arrived){color:rgba(0,0,0,0)}.hero-text{position:relative;z-index:2}.hero-role{font-weight:600;color:var(--iris);margin-bottom:1rem;display:inline-flex;align-items:center;gap:.6rem}.hero-role::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--mint);animation:pulse 2.2s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--mint) 60%, transparent)}70%{box-shadow:0 0 0 12px color-mix(in srgb, var(--mint) 0%, transparent)}100%{box-shadow:0 0 0 0 rgba(0,0,0,0)}}.hero h1{font-size:clamp(3.4rem,9vw,7.2rem);letter-spacing:-0.045em;line-height:.92}.hero h1 span{display:block;opacity:0;transform:translateY(40px);animation:rise .9s cubic-bezier(0.2, 0.8, 0.2, 1) forwards}.hero h1 span:nth-child(2){animation-delay:.12s}.hero-lead{font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--ink-soft);max-width:36ch;margin:1.6rem 0 2.2rem}.btns{display:flex;flex-wrap:wrap;gap:.8rem}.btn{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:600;padding:.95rem 1.5rem;border-radius:999px;transition:transform .2s,box-shadow .2s,background .2s}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px -10px var(--ink)}.btn-ghost{border:2px solid var(--line);transition:border-color .2s,transform .2s}.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}@keyframes rise{to{opacity:1;transform:none}}.hshapes{position:absolute;inset:0;pointer-events:none;z-index:1}.hshapes .hs{position:absolute;display:block;font-style:normal;font-family:var(--display);font-weight:800;line-height:1}.hs.ring{width:120px;height:120px;border-radius:50%;border:3px solid var(--iris);opacity:.35;left:44%;top:9%}.hs.dots{width:132px;height:88px;left:2%;top:3%;background:radial-gradient(circle, var(--coral) 2.5px, transparent 3px) 0 0/22px 22px;opacity:.45}.hs.code{font-size:2.2rem;color:var(--coral);left:47%;top:66%;opacity:.8}.hs.pill{width:90px;height:34px;border-radius:999px;background:var(--mint);right:5%;top:9%;opacity:.7;rotate:-18deg}.hs.plus{font-size:3rem;color:var(--butter);right:6%;bottom:16%}.hs.dot1{width:18px;height:18px;border-radius:50%;background:var(--iris);left:50%;top:24%}.hs.dot2{width:12px;height:12px;border-radius:50%;background:var(--coral);right:30%;top:6%}.hs.brace{font-size:1.8rem;color:var(--iris);opacity:.55;left:9%;bottom:20%}@media(max-width: 900px){.hs.ring{left:-50px;right:auto;top:auto;bottom:8%}.hs.pill{right:3%;top:auto;bottom:30%}.hs.plus{right:6%;bottom:6%}.hs.dot2{right:22%;top:auto;bottom:38%}.hs.code,.hs.dot1,.hs.brace,.hs.dots{display:none}}.stack{position:relative;z-index:1;height:520px;--gap:62px;min-width:0}.stack-inner{position:absolute;left:50%;top:0;width:600px;height:520px;transform-origin:top center;transform:translateX(-50%) scale(var(--s, 1))}.layer{position:absolute;left:200px;top:var(--y);width:0;height:0;opacity:0;animation:drop .9s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;animation-delay:calc(.25s + var(--i)*.1s)}@keyframes drop{from{opacity:0;translate:0 -60px}to{opacity:1;translate:0 0}}.layer{outline:none}.layer .plane,.layer .tag{pointer-events:none}.layer .hit{position:absolute;left:-180px;width:580px;top:calc(var(--gap)/-2);height:var(--gap);cursor:pointer;z-index:5}.l4 .hit{top:-130px;height:calc(130px + var(--gap)/2)}.l1 .hit{height:calc(var(--gap)/2 + 150px)}.layer .plane{position:absolute;left:-125px;top:-125px;width:250px;height:250px;border-radius:26px;transform:translate(var(--px, 0), var(--py, 0)) rotateX(58deg) rotateZ(-45deg);cursor:pointer;background:var(--c);box-shadow:-18px 18px 0 color-mix(in srgb, var(--c) 55%, #1C1F3B),0 40px 60px -20px rgba(28,31,59,.35);transition:transform .15s linear}.layer .plane::after{content:"";position:absolute;inset:22px;border-radius:14px;opacity:.55;background:var(--pat)}.layer .tag{position:absolute;left:185px;top:-14px;transform:translate(var(--px, 0), var(--py, 0));white-space:nowrap;font-size:.9rem;line-height:1.3;transition:translate .45s cubic-bezier(0.2, 0.8, 0.2, 1)}.layer .tag b{display:block;font-family:var(--display);font-size:1.15rem;transition:color .25s}.layer:hover .tag,.layer:focus-visible .tag{translate:12px 0}.layer:hover .tag b,.layer:focus-visible .tag b{color:var(--c)}.layer:focus-visible .tag b{text-decoration:underline}.band.flash{animation:bandFlash 3.6s ease}@keyframes bandFlash{0%,100%{box-shadow:0 0 0 0 rgba(0,0,0,0);transform:none;background:var(--card)}10%,75%{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--c) 70%, transparent);transform:translateX(12px);background:color-mix(in srgb, var(--c) 12%, var(--card))}}.layer .tag span{color:var(--ink-soft)}.layer .tag::before{content:"";position:absolute;right:calc(100% + 8px);top:14px;width:46px;height:2px;background:var(--line)}.l1{--i:3;--c:var(--mint);--y:calc(120px + 3 * var(--gap));--pat:repeating-linear-gradient(0deg,#1C1F3B33 0 2px,transparent 2px 22px),repeating-linear-gradient(90deg,#1C1F3B33 0 2px,transparent 2px 22px)}.l2{--i:2;--c:var(--iris);--y:calc(120px + 2 * var(--gap));--pat:repeating-linear-gradient(0deg,#ffffff66 0 6px,transparent 6px 20px)}.l3{--i:1;--c:var(--coral);--y:calc(120px + 1 * var(--gap));--pat:radial-gradient(circle at 30% 30%,#ffffff88 0 18px,transparent 19px),radial-gradient(circle at 70% 65%,#ffffff55 0 28px,transparent 29px)}.l4{--i:0;--c:var(--butter);--y:120px;--pat:linear-gradient(#1C1F3B33 0 0) top/100% 26px no-repeat,linear-gradient(#ffffff99 0 0) 0 60px/60% 50% no-repeat}@media(max-width: 900px){.hero .wrap{grid-template-columns:1fr}.stack{--gap:56px}}@media(max-width: 560px){.stack-inner{width:400px}.layer .tag{display:none}}@media(min-width: 561px)and (max-width: 900px){.hs.pill,.hs.dot2{display:none}}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,6rem);align-items:center}.portrait{position:relative;aspect-ratio:4/5;max-width:440px}.portrait .blob{position:absolute;inset:8% -8% -6% 10%;background:var(--butter);border-radius:42% 58% 50% 50%/48% 40% 60% 52%}.portrait .blob.b2{inset:2% 22% 55% -8%;background:var(--mint);border-radius:50%;opacity:.9;animation:floatB 9s ease-in-out infinite}.portrait .blob{animation:floatA 12s ease-in-out infinite}@keyframes floatA{0%,100%{translate:0 0;rotate:0deg}50%{translate:-10px 14px;rotate:6deg}}@keyframes floatB{0%,100%{translate:0 0}33%{translate:14px -10px}66%{translate:-8px 8px}}.portrait img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:28px;box-shadow:var(--shadow);transform:perspective(1000px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.about h2{margin-bottom:1.6rem}.about>div:last-child{position:relative;z-index:1}.about p{color:var(--ink-soft);max-width:58ch}.facts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem;padding:0;list-style:none}.facts li{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem;font-weight:500;font-size:.95rem}.about strong{color:var(--ink);font-weight:700}.tk{color:var(--ink);font-weight:600;padding:.05em .4em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.tk-laravel{background:color-mix(in srgb, var(--coral) 28%, transparent)}.tk-vue{background:color-mix(in srgb, var(--mint) 30%, transparent)}.tk-ts{background:color-mix(in srgb, var(--iris) 24%, transparent)}@media(max-width: 820px){.about{grid-template-columns:1fr}.portrait{max-width:300px;margin:0 auto 3rem}}.tech{background:var(--paper-2)}.bands{display:grid;gap:1rem}.band{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:1.5rem;background:var(--card);border-radius:24px;padding:1.4rem 1.6rem;border-left:12px solid var(--c);transition:transform .3s}.band:hover{transform:translateX(8px)}.band h3{font-size:1.5rem}.band h3 small{display:block;font-family:var(--body);font-weight:400;font-size:.9rem;color:var(--ink-soft);margin-top:.3rem;letter-spacing:0}.chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.chips li{padding:.45rem .95rem;border-radius:12px;background:color-mix(in srgb, var(--c) 18%, transparent);font-weight:500}.band:nth-child(1){--c:var(--butter)}.band:nth-child(2){--c:var(--coral)}.band:nth-child(3){--c:var(--iris)}.band:nth-child(4){--c:var(--mint)}@media(max-width: 640px){.band{grid-template-columns:1fr}}.clients{padding-block:3.5rem;overflow:hidden;border-block:1px solid var(--line)}.clients p{text-align:center;color:var(--ink-soft);margin-bottom:1.6rem}.marquee{display:flex;width:max-content;animation:slide 32s linear infinite}.marquee span{font-family:var(--display);font-weight:800;font-size:clamp(2rem,5vw,3.6rem);padding-inline:2.2rem;white-space:nowrap;color:rgba(0,0,0,0);-webkit-text-stroke:1.5px var(--ink-soft)}.marquee span.b{color:var(--ink);-webkit-text-stroke:0}.marquee span{transition:color .3s,-webkit-text-stroke-color .3s;cursor:default}.clients:hover .marquee{animation-play-state:paused}.marquee span:nth-child(4n+1){--mc:var(--butter)}.marquee span:nth-child(4n+2){--mc:var(--coral)}.marquee span:nth-child(4n+3){--mc:var(--iris)}.marquee span:nth-child(4n){--mc:var(--mint)}.marquee span:hover{color:var(--mc);-webkit-text-stroke-color:var(--mc)}@keyframes slide{to{transform:translateX(-50%)}}.timeline{list-style:none;margin:0;padding:0;position:relative;max-width:900px}.timeline::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--line)}.tl-progress{position:absolute;left:11px;top:8px;width:2px;height:0;background:var(--iris);transition:height .1s linear}.tl{position:relative;padding-left:3.2rem;padding-bottom:3rem}.tl:last-child{padding-bottom:0}.tl::before{content:"";position:absolute;left:2px;top:6px;width:20px;height:20px;border-radius:50%;background:var(--paper);border:3px solid var(--c, var(--iris))}.tl time{font-weight:600;color:var(--iris);font-size:.95rem}.tl h3{font-size:clamp(1.5rem,2.6vw,2rem);margin:.3rem 0 .2rem}.tl .where{color:var(--ink-soft);margin-bottom:1rem}.tl ul{margin:0;padding-left:1.1rem;color:var(--ink-soft);max-width:68ch}.tl ul li{margin-bottom:.35rem}.tl ul strong{color:var(--ink);font-weight:600}.tl.now{--c:var(--mint)}.tl.now::before{animation:pulse 2.2s ease-out infinite}.tl.edu{--c:var(--butter)}.projects{clip-path:inset(0 var(--pin, 0px) round var(--prad, 0px));background:var(--ink);color:#f6f5fb;--ink-soft:#B9BBD8;--line:#33375F}@media(prefers-color-scheme: dark){:root:not([data-theme=light]) .projects{background:#0e1022}}.projects .sec-head p{color:#b9bbd8}.proj{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding-block:3rem}.proj+.proj{border-top:1px solid #33375f}.proj:nth-of-type(even){grid-template-columns:.85fr 1.15fr}.proj:nth-of-type(even) .visual{order:2}.proj h3{font-size:clamp(2.2rem,4.5vw,3.4rem);margin-bottom:1rem}.pnum{display:block;font-family:var(--display);font-weight:800;font-size:clamp(3.5rem,7vw,5.5rem);line-height:.9;color:rgba(0,0,0,0);-webkit-text-stroke:1.5px var(--c);margin-bottom:.4rem;letter-spacing:-0.03em}.proj p{color:#b9bbd8;max-width:46ch}.proj p{margin-bottom:1.8rem}.btn.live{position:relative;isolation:isolate;overflow:hidden;color:#f6f5fb;border:2px solid var(--c);padding:.85rem 1.3rem .85rem 1.5rem;transition:color .35s ease .05s}.btn.live::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--c);clip-path:circle(0% at 0% 50%);transition:clip-path .55s cubic-bezier(0.2, 0.8, 0.2, 1)}.btn.live:hover::before,.btn.live:focus-visible::before{clip-path:circle(160% at 0% 50%)}.btn.live:hover,.btn.live:focus-visible{color:#1c1f3b}.arr{display:inline-grid;width:1em;height:1em;overflow:hidden}.arr i{grid-area:1/1;display:block;transition:transform .45s cubic-bezier(0.2, 0.8, 0.2, 1)}.arr svg{width:1em;height:1em;display:block}.arr i:last-child{transform:translate(-110%, 110%)}.btn.live:hover .arr i:first-child,.btn.live:focus-visible .arr i:first-child{transform:translate(110%, -110%)}.btn.live:hover .arr i:last-child,.btn.live:focus-visible .arr i:last-child{transform:none}@media(max-width: 860px){.proj,.proj:nth-of-type(even){grid-template-columns:1fr}.proj:nth-of-type(even) .visual{order:0}}.visual{position:relative;aspect-ratio:5/4;border-radius:32px;background:var(--c);overflow:hidden;display:grid;place-items:center;padding:0 7%}.visual .disc{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:var(--c2);right:-18%;top:-22%}.browser{position:relative;width:100%;background:#fff;border-radius:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.55);overflow:hidden;color:#1c1f3b}.browser .bar{height:26px;background:#edebf5;display:flex;align-items:center;gap:6px;padding-inline:10px}.browser .bar i{width:9px;height:9px;border-radius:50%;background:#cfcbe4}.browser .bar em{margin-left:12px;font-style:normal;font-size:11px;color:#6a6d8e;background:#fff;border-radius:6px;padding:1px 10px}.browser img{width:100%;height:auto;aspect-ratio:1100/581;object-fit:cover;object-position:top;transition:scale .6s cubic-bezier(0.2, 0.8, 0.2, 1),filter .4s}a.browser{display:block;text-decoration:none;cursor:pointer;transition:box-shadow .4s}a.browser:hover{box-shadow:0 40px 70px -20px rgba(0,0,0,.65)}a.browser .shot{display:block;overflow:hidden}a.browser:hover img{scale:1.04;filter:brightness(0.9)}.peek{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:.4rem;background:#1c1f3b;color:#f6f5fb;font-weight:600;font-size:.9rem;padding:.55rem .9rem;border-radius:999px;opacity:0;translate:0 10px;transition:opacity .3s,translate .4s cubic-bezier(0.2, 0.8, 0.2, 1)}.peek svg{width:.9em;height:.9em}a.browser:hover .peek,a.browser:focus-visible .peek{opacity:1;translate:0 0}.moden{--c:var(--coral);--c2:var(--butter)}.eductech{--c:var(--iris);--c2:var(--mint)}.naformatuj{--c:var(--butter);--c2:var(--mint)}.quotes{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem}.quote{margin:0;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:2rem;position:relative}.quote::before{content:"";display:block;width:44px;height:34px;margin-bottom:1.2rem;background:var(--c);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 34'%3E%3Cpath d='M0 34V20C0 9 6 2 17 0l2 5c-6 2-9 6-9 11h8v18H0zm25 0V20c0-11 6-18 17-20l2 5c-6 2-9 6-9 11h8v18H25z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 34'%3E%3Cpath d='M0 34V20C0 9 6 2 17 0l2 5c-6 2-9 6-9 11h8v18H0zm25 0V20c0-11 6-18 17-20l2 5c-6 2-9 6-9 11h8v18H25z'/%3E%3C/svg%3E") center/contain no-repeat}.quote:nth-child(1){--c:var(--coral)}.quote:nth-child(2){--c:var(--mint)}.quote:nth-child(3){--c:var(--butter)}.quote{display:flex;flex-direction:column}.quote .who{margin-top:auto}.quote blockquote{margin:0 0 1.5rem;font-size:1.02rem;line-height:1.6;max-width:48ch}.quote .who{display:flex;align-items:center;gap:.8rem}.quote .av{width:44px;height:44px;border-radius:50%;background:var(--c);display:grid;place-items:center;font-weight:700;color:var(--on-accent)}.quote .who span{display:block;color:var(--ink-soft);font-size:.9rem}.placeholder{outline:2px dashed var(--line);outline-offset:-10px}.contact{text-align:left;overflow:clip}.contact .wrap{position:relative;z-index:1}.contact .big{font-family:var(--display);font-weight:800;font-size:clamp(1.9rem,6vw,5rem);letter-spacing:-0.04em;line-height:1;text-decoration:none;display:inline-block;background:linear-gradient(var(--coral), var(--coral)) 0 92%/0 12px no-repeat;transition:background-size .4s;word-break:break-word}.contact .big:hover{background-size:100% 12px}.mailwrap{position:relative;display:inline-block}.toast{position:absolute;left:calc(100% + 1rem);top:50%;margin-top:-1.1rem;background:var(--ink);color:var(--paper);font-weight:600;font-size:.95rem;padding:.5rem .9rem;border-radius:999px;opacity:0;translate:0 -6px;pointer-events:none;transition:opacity .25s,translate .35s cubic-bezier(0.2, 0.8, 0.2, 1);white-space:nowrap}.toast.show{opacity:1;translate:0 0}.ftoast{position:fixed;z-index:70;background:var(--ink);color:var(--paper);font-weight:600;font-size:.95rem;padding:.5rem .9rem;border-radius:999px;pointer-events:none;white-space:nowrap;opacity:0;transform:translate(-50%, 6px);transition:opacity .25s,transform .35s cubic-bezier(0.2, 0.8, 0.2, 1)}.ftoast.show{opacity:1;transform:translate(-50%, 0)}@media(max-width: 1100px){.toast{left:auto;right:0;top:-2.6rem;margin-top:0}}.contact-lead{color:var(--ink-soft);font-size:1.2rem;margin:1.4rem 0 3rem}.links{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;padding:0;margin:0}.links a{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:600;padding:.9rem 1.3rem;border-radius:999px;background:var(--card);border:1px solid var(--line);transition:border-color .2s,transform .2s}.links a:hover{border-color:var(--ink);transform:translateY(-2px)}.links svg{width:20px;height:20px}.contact-shapes{position:absolute;right:-60px;top:20%;width:300px;height:300px;pointer-events:none}.contact-shapes i{position:absolute;border-radius:50%}.contact-shapes i:nth-child(1){inset:0;background:var(--iris);opacity:.15}.contact-shapes i:nth-child(2){width:120px;height:120px;left:-30px;bottom:10px;background:var(--butter);opacity:.6}@media(max-width: 760px){.contact-shapes{display:none}}footer{padding-block:2rem;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.9rem}footer .wrap{text-align:center;line-height:1.7}[data-speed]{will-change:transform}.err{min-height:calc(100svh - 72px);display:grid;place-items:center;text-align:center;padding-block:3rem 5rem;overflow:clip}.err .wrap{display:grid;justify-items:center}.err-stack{position:relative;width:320px;height:300px;margin-bottom:1rem}.err-stack .p{position:absolute;left:50%;width:180px;height:180px;margin-left:-90px;border-radius:22px;transform:rotateX(58deg) rotateZ(-45deg);background:var(--c);box-shadow:-14px 14px 0 color-mix(in srgb, var(--c) 55%, #1C1F3B)}.err-stack .p1{--c:var(--mint);top:150px}.err-stack .p2{--c:var(--iris);top:105px}.err-stack .p3{--c:transparent;top:60px;box-shadow:none;border:3px dashed var(--line)}.err-stack .p4{--c:var(--butter);top:-30px;animation:errFloat 4s ease-in-out infinite}@keyframes errFloat{0%,100%{translate:0 0}50%{translate:0 -14px}}.err-code{font-family:var(--display);font-weight:800;font-size:clamp(4rem,12vw,7rem);line-height:.9;color:rgba(0,0,0,0);-webkit-text-stroke:2px var(--coral);letter-spacing:-0.04em}.err h1{font-size:clamp(2rem,5vw,3.2rem);margin:.6rem 0 1rem}.err p{color:var(--ink-soft);max-width:40ch;margin:0 auto 2rem}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition:none !important}html{scroll-behavior:auto}.marquee{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.marquee span[aria-hidden]{display:none}}