nav{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,5vw,72px);background:linear-gradient(var(--noc) 30%,transparent)}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{font-family:JetBrains Mono Variable;font-size:13px;letter-spacing:.12em;color:var(--mlha);transition:color .25s}.nav-links a:hover{color:var(--papir)}@media(max-width:720px){.nav-links a{display:none}}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:80px}.hero .mono{margin-bottom:28px}.hero h1{font-size:clamp(46px,9.2vw,124px);font-weight:800}.hero h1 .line{display:block;overflow:hidden}.hero h1 .word{display:inline-block;transition:transform .9s var(--ease-out)}.js .hero h1 .word{transform:translateY(115%)}body.in .hero .word{transform:none}.rytmus{position:relative;background:var(--mata);-webkit-background-clip:text;background-clip:text;color:transparent}.rytmus:after{content:"";position:absolute;left:2%;right:2%;bottom:.04em;height:.06em;border-radius:99px;background:var(--mata);transform-origin:left center;animation:pulseLine 2.4s var(--ease-out) infinite}@keyframes pulseLine{0%,to{transform:scaleX(.97);opacity:.7}12%{transform:scaleX(1.02);opacity:1}24%{transform:scaleX(.99)}36%{transform:scaleX(1.01);opacity:1}50%{transform:scaleX(.97);opacity:.7}}.hero p{max-width:520px;margin-top:36px;color:var(--text2);font-size:clamp(16px,1.6vw,19px);transition:opacity .8s var(--ease-out) .55s,transform .8s var(--ease-out) .55s}.js .hero p{opacity:0;transform:translateY(20px)}body.in .hero p{opacity:1;transform:none}.hero-cta{display:flex;gap:18px;margin-top:44px;flex-wrap:wrap;transition:opacity .8s var(--ease-out) .7s,transform .8s var(--ease-out) .7s}.js .hero-cta{opacity:0;transform:translateY(20px)}body.in .hero-cta{opacity:1;transform:none}.scroll-hint{position:absolute;bottom:34px;left:clamp(20px,5vw,72px);display:flex;align-items:center;gap:14px}.scroll-hint .bar{width:1px;height:46px;background:var(--linka);position:relative;overflow:hidden}.scroll-hint .bar:after{content:"";position:absolute;left:0;top:-100%;width:100%;height:100%;background:var(--papir);animation:drop 1.8s var(--ease-out) infinite}@keyframes drop{to{top:100%}}.marquee{border-top:1px solid var(--linka);border-bottom:1px solid var(--linka);overflow:hidden;padding:22px 0;white-space:nowrap}.marquee-track{display:inline-block;animation:slide 120s linear infinite}.marquee span{font-family:Outfit Variable;font-weight:700;font-size:clamp(22px,3vw,34px);margin-right:.9em;color:var(--papir)}.marquee .dim{color:transparent;-webkit-text-stroke:1px var(--linka)}@keyframes slide{to{transform:translate(-50%)}}.project{display:grid;grid-template-columns:70px 1fr auto;gap:24px;align-items:center;padding:38px 8px;border-bottom:1px solid var(--linka);position:relative;transition:padding .35s var(--ease-out)}.project.has-link{cursor:pointer}.project:not(.has-link) .p-go{display:none}.project:first-of-type{border-top:1px solid var(--linka)}.project:hover{padding-left:22px}.p-index{font-family:JetBrains Mono Variable;font-size:14px;color:var(--mlha)}.p-title{font-family:Outfit Variable;font-weight:700;font-size:clamp(26px,4.4vw,52px);letter-spacing:-.02em;transition:color .2s}.p-meta{font-family:JetBrains Mono Variable;font-size:12.5px;letter-spacing:.08em;color:var(--mlha);text-align:right}.p-desc{grid-column:2;color:var(--text2);font-size:15.5px;max-width:560px;margin-top:2px}.p-link{position:absolute;inset:0;z-index:3;border-radius:6px}.p-go{color:var(--mlha);opacity:.45;transition:opacity .25s,transform .25s var(--ease-out);display:inline-block}.project:hover .p-go{opacity:1;transform:translate(2px,-2px)}.p-shape{position:absolute;right:clamp(8px,12vw,180px);top:50%;width:74px;transform:translateY(-46%) rotate(10deg) scale(.6);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out),transform .5s var(--ease-spring)}.project:hover .p-shape{opacity:1;transform:translateY(-54%) rotate(-6deg) scale(1)}.project:hover .p-title.h-azur{background:var(--azur);-webkit-background-clip:text;background-clip:text;color:transparent}.project:hover .p-title.h-zar{background:var(--zar);-webkit-background-clip:text;background-clip:text;color:transparent}.project:hover .p-title.h-fialka{background:var(--fialka);-webkit-background-clip:text;background-clip:text;color:transparent}.project:hover .p-title.h-mata{background:var(--mata);-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-width:760px){.project{grid-template-columns:44px 1fr}.p-meta{grid-column:2;text-align:left;margin-top:6px}.p-shape{display:none}}.takt-intro{max-width:640px;color:var(--text2);font-size:clamp(17px,1.9vw,21px);margin-bottom:clamp(56px,8vh,96px)}.takt-intro strong{color:var(--papir);font-weight:500}.takt{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.takt:before{content:"";position:absolute;top:7px;left:0;right:0;height:1px;background:var(--linka)}.beat{position:relative;padding-top:38px}.beat:before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;border-radius:50%;background:var(--bg,#fff);box-shadow:0 0 #fff0}.beat.vis:before{animation:hit .7s var(--ease-spring) both}.beat:nth-child(1){--bg:#21D3EE}.beat:nth-child(2){--bg:#B44CFF}.beat:nth-child(3){--bg:#FF5E62}.beat:nth-child(4){--bg:#2EFFB2}@keyframes hit{0%{transform:scale(0)}60%{transform:scale(1.45)}to{transform:scale(1)}}.beat h3{font-size:clamp(20px,2.2vw,26px);margin-bottom:12px}.beat .num{font-family:JetBrains Mono Variable;font-size:12px;color:var(--mlha);display:block;margin-bottom:10px;letter-spacing:.15em}.beat p{color:var(--mlha);font-size:15px}@media(max-width:860px){.takt{grid-template-columns:1fr;gap:42px}.takt:before{inset:0 auto 0 7px;width:1px;height:auto}.beat{padding-top:0;padding-left:40px}}.contact{text-align:left}.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,88px);align-items:start}.contact h2{font-size:clamp(48px,8.5vw,116px);font-weight:800;line-height:.98}.contact h2 .grad-text{background:var(--fialka);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-direct{margin-top:clamp(32px,5vh,56px)}.mail-link{font-family:Outfit Variable;font-weight:600;font-size:clamp(19px,2.4vw,26px);color:var(--papir);border-bottom:1px solid var(--linka);transition:border-color .3s,color .3s}.mail-link:hover{border-color:var(--mata);color:#2effb2}.contact .mail-note{margin-top:18px;font-family:JetBrains Mono Variable;font-size:13px;line-height:1.7;color:var(--mlha);letter-spacing:.05em;max-width:38ch}.cf{padding-top:6px}.cf-form{display:flex;flex-direction:column;gap:22px}.cf-field{display:flex;flex-direction:column;gap:9px}.cf-label{font-family:JetBrains Mono Variable;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mlha)}.cf-input{width:100%;font-family:Inter Variable;font-size:16px;color:var(--papir);background:var(--povrch);border:1px solid var(--linka);border-radius:12px;padding:14px 16px;transition:border-color .25s,background .25s}.cf-input::placeholder{color:#5b606c}.cf-input:hover{border-color:#34363f}.cf-input:focus{outline:none;border-color:#b44cff;background:#191a22}.cf-textarea{resize:vertical;min-height:118px;line-height:1.55}.cf-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.cf-submit{margin-top:6px;align-self:flex-start;font-size:16px;padding:16px 34px;cursor:pointer}.cf-submit:disabled{opacity:.55;cursor:wait}.cf-status{font-family:JetBrains Mono Variable;font-size:13px;line-height:1.6;color:var(--mlha)}.cf-status--err a{color:#ff8e3c;border-bottom:1px solid currentColor}.cf-done{padding:8px 0}.cf-done-head{font-family:Outfit Variable;font-weight:800;font-size:clamp(30px,4vw,44px);background:var(--mata);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.cf-done-sub{margin-top:16px;color:var(--text2);font-size:16px;max-width:34ch}.cf-again{margin-top:26px;font-family:JetBrains Mono Variable;font-size:12.5px;letter-spacing:.12em;color:var(--mlha);background:none;border:none;cursor:pointer;transition:color .25s}.cf-again:hover{color:var(--papir)}@media(max-width:860px){.contact-grid{grid-template-columns:1fr;gap:clamp(36px,7vh,56px)}}footer{border-top:1px solid var(--linka);padding-block:34px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}footer .mono{letter-spacing:.1em;text-transform:none}footer .nav-brand svg{height:46px;width:auto}.foot-links{display:flex;gap:24px}.foot-links a{font-family:JetBrains Mono Variable;font-size:13px;color:var(--mlha);transition:color .25s}.foot-links a:hover{color:#2effb2}