:root{--bg:#0b0b0d;--bg-2:#111114;--surface:#16161a;--border:#ffffff14;--text:#d9d9dc;--text-dim:#8a8a90;--text-h:#fff;--accent:#fff;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--serif:"Cormorant Garamond", "Times New Roman", serif;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}::selection{color:#fff;background:#fff3}.app{background:var(--bg);width:100%;min-height:100svh;color:var(--text);overflow-x:hidden}.container{width:min(1200px,92%);margin:0 auto}.preloader{z-index:9999;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.preloader__logo{width:56px;height:56px;font-family:var(--serif);color:#fff;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;font-size:26px;display:flex}.preloader__bar{background:#ffffff26;width:220px;height:1px;position:relative;overflow:hidden}.preloader__bar span{transform-origin:0;background:#fff;position:absolute;inset:0}.header{z-index:50;justify-content:space-between;align-items:center;padding:20px 40px;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0;right:0}.header.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b0b0db3}.header__logo{border:1px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.header__logo img{object-fit:cover;width:100%;height:100%}.header__nav{gap:32px;display:flex}.header__nav a{letter-spacing:.15em;text-transform:uppercase;color:var(--text);font-size:13px;transition:color .2s;position:relative}.header__nav a:hover{color:#fff}.header__nav a:after{content:"";background:#fff;width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.header__nav a:hover:after{width:100%}.header__vk{border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.header__vk:hover{background:#ffffff14}@media (width<=768px){.header{padding:16px 20px}.header__nav{display:none}}.hero{align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;will-change:transform;background-image:url(/assets/header-7Dvz0qZn.png);background-position:100%;background-size:cover;position:absolute;inset:0}.hero__bg:after{content:"";background:linear-gradient(90deg,#0b0b0df2 0%,#0b0b0d99 40%,#0b0b0d33 100%);position:absolute;inset:0}.hero__inner{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 40px;position:relative}.hero__kicker{letter-spacing:.35em;text-transform:uppercase;color:var(--text-dim);margin-bottom:24px;font-size:12px}.hero__title{font-family:var(--serif);letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(56px,9vw,140px);font-weight:500;line-height:.95}.hero__subtitle{font-family:var(--serif);color:#ffffffd9;margin-top:8px;font-size:clamp(22px,2.4vw,34px);font-style:italic;font-weight:400}.hero__cta{color:#fff;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff59;align-items:center;gap:14px;margin-top:48px;padding:18px 28px;font-size:11px;transition:background .25s,border-color .25s;display:inline-flex}.hero__cta:hover{background:#ffffff14;border-color:#fff}.hero__cta svg{width:14px;height:14px}.hero__scroll{z-index:1;color:var(--text-dim);letter-spacing:.3em;text-transform:uppercase;flex-direction:column;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;bottom:40px;right:40px}.hero__scroll-arrow{border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hero__progress{z-index:1;color:var(--text-dim);align-items:center;gap:16px;font-size:12px;display:flex;position:absolute;bottom:40px;left:40px}.hero__progress-bar{background:#fff3;width:160px;height:1px;position:relative}.hero__progress-bar:after{content:"";background:#fff;width:25%;height:100%;position:absolute;top:0;left:0}@media (width<=768px){.hero__inner{padding:0 20px}.hero__scroll,.hero__progress{display:none}}.section{padding:120px 0;position:relative}.section__title{font-family:var(--serif);color:#fff;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 48px;font-size:clamp(40px,6vw,72px);font-weight:500;line-height:1}.section__kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.about__grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;display:grid}.about__name{font-family:var(--serif);color:#fff;letter-spacing:.02em;text-transform:uppercase;margin:0 0 6px;font-size:28px}.about__role{color:var(--text-dim);letter-spacing:.05em;margin-bottom:28px;font-size:13px}.about__text{color:var(--text);max-width:420px;font-size:15px;line-height:1.7}.about__link{letter-spacing:.3em;text-transform:uppercase;color:#fff;border-bottom:1px solid #fff6;align-items:center;gap:8px;margin-top:36px;padding-bottom:4px;font-size:11px;display:inline-flex}.about__photos{isolation:isolate;display:block;position:relative}.about__photos:before{content:"";filter:blur(40px);z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ffffff0f,#0000 70%);position:absolute;inset:-10%}.about__photos img{aspect-ratio:4/3;object-fit:cover;filter:grayscale(.15)contrast(1.05)brightness(.95);width:100%;transition:filter .6s,transform .6s;-webkit-mask-image:radial-gradient(95% 92%,#000 55%,#0009 78%,#0000 100%);mask-image:radial-gradient(95% 92%,#000 55%,#0009 78%,#0000 100%)}.about__photos:hover img{filter:grayscale(0)contrast(1.08)brightness()}@media (width<=900px){.about__grid{grid-template-columns:1fr}}.works__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;display:flex}.works__head .section__title{margin:0}.works__meta{color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:24px;font-size:12px;display:flex}.works__btn{color:#fff;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff4d;align-items:center;gap:10px;padding:14px 22px;font-size:11px;transition:background .25s;display:inline-flex}.works__btn:hover{background:#ffffff14}.works__grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.works__item{aspect-ratio:3/4;cursor:pointer;background:var(--surface);position:relative;overflow:hidden}.works__item img{object-fit:cover;filter:grayscale(.15)brightness(.95);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.works__item:hover img{filter:grayscale(0)brightness(1.05);transform:scale(1.08)}.works__item:after{content:"";opacity:0;background:linear-gradient(#0000 60%,#000000b3 100%);transition:opacity .4s;position:absolute;inset:0}.works__item:hover:after{opacity:1}.works__item-num{z-index:2;color:#fff;letter-spacing:.2em;opacity:0;font-size:11px;transition:opacity .4s,transform .4s;position:absolute;bottom:14px;left:14px;transform:translateY(8px)}.works__item:hover .works__item-num{opacity:1;transform:translateY(0)}@media (width<=1100px){.works__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.works__grid{grid-template-columns:repeat(2,1fr)}}.modal{z-index:200;background:#050507f5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__close,.modal__nav{color:#fff;cursor:pointer;z-index:5;background:0 0;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s,border-color .2s;display:flex;position:absolute}.modal__close:hover,.modal__nav:hover{background:#ffffff1a;border-color:#fff}.modal__close{top:28px;right:28px}.modal__nav--prev{top:50%;left:28px;transform:translateY(-50%)}.modal__nav--next{top:50%;right:28px;transform:translateY(-50%)}.modal__stage{justify-content:center;align-items:center;width:min(90vw,1100px);height:min(85vh,800px);display:flex;position:relative;overflow:hidden}.modal__img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:100%;position:absolute}.modal__counter{letter-spacing:.3em;color:var(--text-dim);font-size:12px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@media (width<=600px){.modal__nav--prev{left:12px}.modal__nav--next{right:12px}.modal__close{top:16px;right:16px}}.contacts{align-items:stretch;min-height:520px;padding:0;display:flex;position:relative;overflow:hidden}.contacts__bg{z-index:0;background-image:url(/assets/contacts-CilYHS_o.png);background-position:50%;background-size:cover;position:absolute;inset:0}.contacts__bg:after{content:"";background:linear-gradient(90deg,#0b0b0df2 0%,#0b0b0d80 60%,#0b0b0d1a 100%);position:absolute;inset:0}.contacts__inner{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:100px 40px;position:relative}.contacts__list{flex-direction:column;gap:24px;max-width:380px;display:flex}.contacts__item{align-items:flex-start;gap:16px;display:flex}.contacts__icon{color:#fff;border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.contacts__title{color:#fff;margin:0 0 2px;font-size:15px}.contacts__sub{color:var(--text-dim);letter-spacing:.05em;font-size:12px}.footer{border-top:1px solid var(--border);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 40px;font-size:12px;display:flex}.footer__brand{align-items:center;gap:14px;display:flex}.footer__brand-logo{border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.footer__brand-logo img{object-fit:cover;width:100%;height:100%}.footer__brand-text strong{color:#fff;letter-spacing:.1em;font-size:13px;font-weight:500;display:block}.footer__brand-text span{font-family:var(--serif);font-size:13px;font-style:italic}
