:root{--bg:#0d0a12;--bg-2:#141019;--surface:#191420;--line:#ffffff17;--text:#f4effa;--muted:#9d92ad;--accent:#c44dff;--accent-2:#ff3d8a;--grad:linear-gradient(100deg, var(--accent), var(--accent-2));--radius:18px;--font-display:"Unbounded", "Arial Black", sans-serif;--font-body:"Golos Text", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img,video{max-width:100%;display:block}.shell{flex-direction:column;max-width:1280px;min-height:100vh;margin:0 auto;padding:0 clamp(16px,4vw,48px);display:flex;position:relative}.atmosphere{z-index:-2;pointer-events:none;background:radial-gradient(52vw 42vh at 82% -6%, #c44dff2b, transparent 62%), radial-gradient(44vw 38vh at 4% 26%, #ff3d8a1a, transparent 60%), radial-gradient(60vw 50vh at 50% 110%, #5a2cad24, transparent 65%), var(--bg);position:fixed;inset:0}.grain{z-index:30;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.16'/%3E%3C/svg%3E");position:fixed;inset:0}.header{z-index:10;justify-content:space-between;align-items:center;padding:26px 0;display:flex;position:relative}.header__logo{font-family:var(--font-display);letter-spacing:.06em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.header__mark{background:var(--grad);border-radius:4px;width:14px;height:14px;transform:rotate(45deg);box-shadow:0 0 18px #c44dffb3}.header__nav{align-items:center;gap:22px;display:flex}.header__cv{border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s,transform .2s}.header__cv:hover{border-color:var(--accent);background:#c44dff1f;transform:translateY(-1px)}.lang{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:flex}.lang button{color:var(--muted);padding:4px;font-weight:600;transition:color .2s}.lang button:hover{color:var(--text)}.lang button.is-active{color:var(--text);text-shadow:0 0 14px #c44dffe6}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,4vw,60px);padding:clamp(30px,6vh,80px) 0 clamp(30px,5vh,60px);display:grid}.hero__kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:22px;font-size:13px;font-weight:600}.hero h1{font-family:var(--font-display);text-transform:uppercase;flex-direction:column;font-size:clamp(34px,5.4vw,68px);font-weight:900;line-height:1.06;display:flex}.hero h1 span{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.hero h1 span:nth-child(2){animation-delay:.12s}.hero__accent{background:var(--grad);color:#0000;filter:drop-shadow(0 0 26px #c44dff59);-webkit-background-clip:text;background-clip:text}.hero__sub{max-width:40ch;color:var(--muted);margin-top:24px;font-size:clamp(15px,1.4vw,18px);animation:.7s cubic-bezier(.2,.7,.2,1) .22s both rise}.hero__stage{animation:.9s cubic-bezier(.2,.7,.2,1) .15s both rise;position:relative}.hero__hint{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);pointer-events:none;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.viewer{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(120% 90% at 50% 0%, #c44dff1a, transparent 60%), var(--bg-2);height:clamp(340px,52vw,560px);position:relative;overflow:hidden}.viewer--hero{height:clamp(320px,44vh,480px)}.viewer--hero .viewer__controls{display:none}.viewer canvas{touch-action:none}.viewer__loader{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d0a1299;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;inset:0}.viewer__bar{background:#ffffff1f;border-radius:2px;width:180px;height:3px;overflow:hidden}.viewer__bar i{background:var(--grad);height:100%;transition:width .2s;display:block}.viewer__controls{pointer-events:none;justify-content:space-between;gap:10px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.viewer__controls>*{pointer-events:auto}.viewer__modes{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0a12b8;border-radius:999px;gap:4px;padding:4px;display:flex}.viewer__btn{color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:600;transition:color .2s,background .2s}.viewer__btn:hover{color:var(--text)}.viewer__btn.is-active{color:#fff;background:#c44dff47}.viewer__btn--spin{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0a12b8;padding:6px 16px}.viewer__btn--spin.is-active{color:#fff;background:#c44dff47}.work{padding:clamp(30px,5vh,60px) 0 40px}.work__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px;display:flex}.work__head h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(22px,2.6vw,32px);font-weight:800}.filters{border:1px solid var(--line);background:#19142099;border-radius:999px;gap:4px;padding:4px;display:flex}.filters__btn{color:var(--muted);border-radius:999px;padding:8px 20px;font-size:14px;font-weight:600;transition:color .2s,background .2s}.filters__btn:hover{color:var(--text)}.filters__btn.is-active{color:#fff;background:var(--grad)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;animation:.6s cubic-bezier(.2,.7,.2,1) both rise;display:flex;overflow:hidden}.card:hover{border-color:#c44dff8c;transform:translateY(-6px);box-shadow:0 24px 50px -18px #c44dff59}.card__media{aspect-ratio:4/3;background:var(--bg-2);position:relative;overflow:hidden}.card__media img,.card__media video{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.card:hover .card__media img,.card:hover .card__media video{transform:scale(1.05)}.card__badge{letter-spacing:.1em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0a12b3;border:1px solid #c44dff99;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.card__body{padding:18px 20px 20px}.card__cat{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.card__body h3{margin-top:8px;font-size:16.5px;font-weight:600;line-height:1.4}.project{padding:10px 0 40px}.project__top{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.project__back{color:var(--muted);font-size:14px;font-weight:600;transition:color .2s}.project__back:hover{color:var(--text)}.project__title{font-family:var(--font-display);max-width:24ch;margin-bottom:26px;font-size:clamp(24px,3.6vw,44px);font-weight:800;line-height:1.15;animation:.6s cubic-bezier(.2,.7,.2,1) both rise}.project__desc{max-width:72ch;color:var(--muted);white-space:pre-line;flex-direction:column;gap:14px;margin-bottom:36px;display:flex}.project__viewer{margin:10px 0 40px}.project__viewer-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.project__viewer-head h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--accent);font-size:17px;font-weight:700}.project__hint{color:var(--muted);font-size:13px}.project__video{border-radius:var(--radius);border:1px solid var(--line);width:auto;max-width:100%;max-height:82vh;margin:0 auto 36px;display:block}.project__gallery{columns:2;column-gap:20px}.project__gallery .simg{border:1px solid var(--line);break-inside:avoid;border-radius:14px;margin:0 auto 20px}.project__gallery--single{columns:auto;justify-content:center;display:flex}.project__gallery--single .simg{max-height:82vh}.simg{background:var(--bg-2);position:relative;overflow:hidden}.simg:before{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff0f 50%,#0000 70%) 0 0/200% 100%;animation:1.4s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:130% 0}to{background-position:-70% 0}}.simg img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1);display:block}.simg.is-loaded:before{content:none;animation:none}.simg.is-loaded img{opacity:1}.simg--fill{width:100%;height:100%}.simg--click{cursor:zoom-in}.lightbox{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:zoom-out;background:#0a0612eb;justify-content:center;align-items:center;animation:.2s lightboxIn;display:flex;position:fixed;inset:0}@keyframes lightboxIn{0%{opacity:0}to{opacity:1}}.lightbox img{object-fit:contain;cursor:default;border-radius:10px;max-width:min(92vw,1400px);max-height:90vh;box-shadow:0 24px 80px #0009}.lightbox__close,.lightbox__nav{border:1px solid var(--line);width:46px;height:46px;color:var(--fg,#fff);cursor:pointer;background:#140e1eb3;border-radius:50%;place-items:center;font-size:18px;transition:background .2s,transform .2s;display:grid;position:absolute}.lightbox__close:hover,.lightbox__nav:hover{background:#3c285acc;transform:scale(1.08)}.lightbox__close{top:22px;right:22px}.lightbox__nav--prev{left:22px}.lightbox__nav--next{right:22px}.lightbox__count{letter-spacing:.08em;color:var(--muted);font-size:13px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=640px){.lightbox__nav{width:38px;height:38px}.lightbox__nav--prev{left:10px}.lightbox__nav--next{right:10px}}.project__next{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;margin-top:30px;padding:28px 30px;transition:border-color .3s,box-shadow .3s;display:flex}.project__next:hover{border-color:#c44dff8c;box-shadow:0 18px 44px -18px #c44dff59}.project__next span{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.project__next strong{font-family:var(--font-display);font-size:17px;font-weight:700}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding:30px 0 34px;font-size:14px;display:flex}.footer__name{font-family:var(--font-display);letter-spacing:.06em;font-weight:800}.footer a{color:var(--text);border-bottom:1px solid var(--accent)}@media (width<=900px){.hero{grid-template-columns:1fr}.hero__stage{order:2}}@media (width<=640px){.project__gallery{columns:1}.viewer__controls{flex-direction:column;align-items:flex-start}.header__cv{padding:8px 14px;font-size:13px}}