*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#root{min-height:100vh}:root{--color-bg: #ffffff;--color-text: #1a1a1a;--color-mid: #555555;--color-light: #e5e5e5;--color-brand: #6a0dad;--color-brand-light: #9d4edd;--container-width: 1400px;--header-height-desktop: 240px;--header-height-mobile: 80px;--font-main: "Inter", system-ui, sans-serif;--font-display: "Playfair Display", serif}body{margin:0;font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none;color:inherit}button{background:none;border:none;cursor:pointer;color:inherit;font-family:inherit}.header{position:relative;width:100%;background:#fff;z-index:100;border-bottom:1px solid rgba(106,13,173,.05)}.header__inner{max-width:var(--container-width);margin:0 auto;min-height:var(--header-height-desktop);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:32px}.header__logo{text-align:center;display:flex;flex-direction:column;gap:16px;color:#000;cursor:pointer}.header__name{font-family:var(--font-display);font-size:48px;font-weight:700;color:var(--color-brand);letter-spacing:-.02em;line-height:1;background:linear-gradient(45deg,var(--color-brand),#3a0ca3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:transform .5s ease}.header__name:hover{transform:scale(1.02)}.header__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3em;color:#999}.header__nav{display:flex;flex-direction:column;align-items:center;gap:24px}.header__links{display:flex;gap:50px}.header__link{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#999;position:relative;transition:color .3s;padding:10px 0}.header__link:hover,.header__link.active{color:var(--color-brand)}.header__link.active:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:2px;background:var(--color-brand)}.header__langs{display:flex;gap:16px;margin-top:8px}.header__lang{font-size:12px;font-weight:600;text-transform:uppercase;color:#ccc;transition:all .3s;padding:8px 12px;border:1px solid transparent;border-radius:4px}.header__lang:hover{color:var(--color-brand);background:#6a0dad0d}.header__lang.active{color:#fff;background:var(--color-brand);border-color:var(--color-brand)}.header__mobile_bar{display:none;height:var(--header-height-mobile);justify-content:space-between;align-items:center;width:100%;padding:0 24px}.header__mobile_logo{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--color-brand)}.header__burger{width:32px;height:24px;display:flex;flex-direction:column;justify-content:space-between;padding:4px 0}.header__burger span{width:100%;height:2px;background:#000;transition:.3s}.mobile-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:9999;padding:100px 40px 40px;display:flex;flex-direction:column;gap:40px;transform:translate(100%);transition:transform .4s cubic-bezier(.8,0,.2,1);opacity:0;pointer-events:none}.mobile-menu.open{transform:translate(0);opacity:1;pointer-events:auto}.mobile-menu__links{display:flex;flex-direction:column;gap:30px}.mobile-menu__link{font-family:var(--font-display);font-size:32px;font-weight:700;color:#111}.mobile-menu__active-dot{display:inline-block;width:8px;height:8px;background:var(--color-brand);border-radius:50%;margin-right:15px;vertical-align:middle}.mobile-menu__close{position:absolute;top:30px;right:30px;width:44px;height:44px;font-size:32px;color:#000;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f4f4f4}.main{max-width:var(--container-width);margin:0 auto;padding:60px 40px;flex:1;width:100%}.grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;row-gap:80px}.card{width:100%;cursor:pointer;display:flex;flex-direction:column;gap:20px}.card__media{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#f4f4f4;border-radius:2px}.card__img,.card__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.card__vid,.card:hover .card__vid{opacity:1}.card:hover .card__img{transform:scale(1.05)}.card__overlay{position:absolute;inset:0;background:#6a0dad1a;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.card:hover .card__overlay{opacity:1}.play-btn{width:64px;height:64px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 4px 20px #0003;transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.card:hover .play-btn{transform:scale(1)}.play-btn svg{fill:var(--color-brand)}.card__info{text-align:center}.card__client{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#000;margin-bottom:6px}.card__title{font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.05em}.modal-backdrop{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:40px}.modal-window{width:100%;max-width:1100px;background:transparent;position:relative;display:flex;flex-direction:column;gap:24px;pointer-events:none}.modal-close,.modal-video-container,.modal-info{pointer-events:auto}.modal-close{align-self:flex-end;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#fff;font-weight:700;display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer;background:transparent;border:none}.modal-close-icon{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s}.modal-close:hover .modal-close-icon{background:var(--color-brand);color:#fff;transform:rotate(90deg)}.modal-video-container{width:100%;aspect-ratio:16/9;background:#000;box-shadow:0 20px 80px #0009}.modal-video{width:100%;height:100%;display:block}.modal-info{color:#fff;text-align:center}.modal-client{font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.modal-title{font-size:14px;color:#ccc;text-transform:uppercase;letter-spacing:.05em}.about{max-width:1000px;margin:0 auto}.about__content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-bottom:80px}.about__image-wrapper{width:100%}.about__image{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(100%);transition:filter .5s ease}.about__image:hover{filter:grayscale(0%)}.about__text{display:flex;flex-direction:column;gap:32px}.about__heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#999;margin:0}.about__bio{font-size:16px;line-height:1.7;font-weight:400;color:#222}.about__bio p{margin-bottom:24px}.about__clients{border-top:1px solid rgba(0,0,0,.05);padding-top:60px;text-align:center}.about__clients-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#999;margin-bottom:50px}.about__clients-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 40px;list-style:none;padding:0;max-width:800px;margin:0 auto}.about__clients-list li{font-size:13px;font-weight:500;color:#555;text-transform:uppercase;letter-spacing:.05em}.contact__form-wrapper{width:100%;max-width:600px;margin:0 auto}.contact__heading{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--color-brand);text-align:center;margin-bottom:40px;letter-spacing:-.01em}.contact__form{display:flex;flex-direction:column;gap:30px}.contact__form-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact__input{width:100%;background:transparent;border:none;border-bottom:1px solid #e5e5e5;padding:12px 0;font-family:var(--font-main);font-size:13px;color:#000;border-radius:0;transition:border-color .3s}.contact__input:focus{outline:none;border-bottom-color:var(--color-brand)}.contact__input::placeholder{color:#aaa;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.contact__textarea{resize:vertical;min-height:100px}.contact__submit{align-self:flex-start;background:#000;color:#fff;padding:16px 40px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-top:10px;transition:all .3s}.contact__submit:hover{background:var(--color-brand)}.contact__submit:disabled{opacity:.5;cursor:not-allowed}.contact__message{font-size:12px;margin-top:10px;text-align:center}.contact__message--success{color:#27ae60}.contact__message--error{color:#e74c3c}@media(max-width:768px){.contact__form-row{grid-template-columns:1fr;gap:30px}}.contact{max-width:800px;margin:0 auto;padding:60px 20px;display:flex;flex-direction:column;justify-content:center;gap:60px}.contact__main{display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:center}.contact__block{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;transition:opacity .3s}.contact__block:hover{opacity:.7}.contact__label{font-size:11px;color:var(--color-brand);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.contact__link-text{font-size:24px;font-weight:400;color:#000;letter-spacing:-.02em}.contact__location{text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#888;margin-top:20px}.footer{border-top:1px solid rgba(0,0,0,.05);padding:60px 40px;margin-top:0;background:#fff}.footer__content{max-width:var(--container-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}.footer__logo{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--color-brand)}.footer__links{display:flex;gap:30px}.footer__link{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#999;transition:color .3s}.footer__link:hover{color:var(--color-brand)}.footer__copy{font-size:10px;color:#ccc;text-transform:uppercase;letter-spacing:.1em;margin-top:10px}@media(max-width:1024px){.header__inner{display:none}.header{height:auto;padding:0}.header__mobile_bar{display:flex}.grid{grid-template-columns:repeat(2,1fr);column-gap:24px;row-gap:60px}.contact__main{gap:30px}}@media(max-width:768px){.main{padding:40px 24px 80px}.grid{grid-template-columns:1fr;row-gap:60px}.about__content{grid-template-columns:1fr;gap:50px}.contact{padding:40px 20px}.contact__main{grid-template-columns:1fr;gap:20px;width:100%}.contact__block{padding:30px 20px;border:1px solid #f5f5f5}.modal-backdrop{padding:0;background:#000}.modal-window{height:100%;justify-content:center;gap:0}.modal-video-container{width:100%}.modal-close{position:absolute;top:20px;right:20px;z-index:10;padding:10px}.modal-info{padding:40px 24px;margin-top:0;text-align:center}}