body{font-family:Roboto,sans-serif;margin:0;padding:0;--icons-color: #6c5443;--icons-color-hover: #38312b}a{text-decoration:none;color:#000}a:hover{color:#00f}.header .right-column{margin:24px 0 0 26px}.name{padding:14px 0 0 2px;margin:0;font-style:normal;font-weight:300;font-size:12px;line-height:14px;color:#000}.title{padding:2px 0 0;margin:0;font-style:normal;font-weight:100;font-size:30px;line-height:35px;color:#000}.social-media{margin:12px 0 0 2px}.social-media a{margin:0 16px 0 0;padding:0;text-decoration:none;font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:.04em;text-transform:uppercase;color:#000}.content{margin:140px 0 64px 138px}.rep-name{padding:0;margin:28px 0 0;font-style:normal;font-weight:700;font-size:14px;line-height:16px;color:#000}.description{padding:0;margin:6px 0 0;font-style:normal;font-weight:300;font-size:14px;line-height:16px;color:#000}@media(max-width:359px){.logo{margin:14px 0 8px 14px;width:68px;height:68px}.header .right-column{margin:14px 0 0 8px}.name{padding:10px 0 0 2px;font-size:10px;line-height:14px}.title{padding:1px 0 0;font-size:22px;line-height:26px}.social-media{margin:6px 0 0 2px;padding:0}.social-media a{margin:0 16px 0 0;font-size:11px;line-height:13px;letter-spacing:.04em;text-transform:uppercase}.content{margin:100px 22px 48px}.rep-name{padding:0;margin:28px 0 0;font-size:14px;line-height:16px}.description{padding:0;margin:6px 0 0;font-size:14px;line-height:16px}}@media(min-width:360px)and (max-width:490px){.logo{margin:18px 0 8px 18px;width:78px;height:78px}.header .right-column{margin:18px 0 0 9px}.name{padding:14px 0 0 2px;font-size:10px;line-height:14px}.title{padding:1px 0 0;font-size:24px;line-height:28px}.social-media{margin:8px 0 0 2px;padding:0}.social-media a{margin:0 16px 0 0;font-size:12px;line-height:14px;letter-spacing:.04em;text-transform:uppercase}.content{margin:96px 27px 48px}.rep-name{padding:0;margin:28px 0 0;font-size:14px;line-height:16px}.description{padding:0;margin:6px 0 0;font-size:14px;line-height:16px}}.o-portfolio__wrapper{display:flex;flex-direction:column;align-items:center}.o-portfolio__item{outline:1px solid green;width:90vw}.o-portfolio__item h2{outline:1px solid blue}.o-portfolio__images{display:flex;flex-wrap:wrap}.o-portfolio__image{position:relative}.o-portfolio__image.-iframe iframe,a{width:100%;height:100%}.o-portfolio__image.-iframe iframe{overflow:hidden;border:none}.o-portfolio__image.-iframe a{position:absolute;top:0;left:0}.o-portfolio__image.-iframe.-one{width:90vw;height:50vw}.o-portfolio__image.-iframe.-three{width:30vw;height:20vw}.o-hero{overflow:hidden;height:100vh;top:0;background:linear-gradient(#fe915b 50%,#ffca86 50%)}.m-elements{position:absolute;overflow:hidden;height:120%;max-height:900px;inset:0;margin:auto;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:4}.m-elements__logo{margin-top:98px;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;visibility:hidden}.a-logo__icon{fill:#6c5443;width:36px}.a-logo__label{margin:4px;font-style:normal;font-weight:400;font-size:12px;line-height:12px;color:#6c5443;text-align:center}.m-elements__header{font-style:normal;font-weight:700;font-size:24px;line-height:28px;text-align:center;letter-spacing:.04em;text-transform:uppercase;color:#6c5443;margin:22px 0 0;width:100%}.m-elements__subheader{margin:10px 0 0;font-style:normal;font-weight:400;font-size:16px;line-height:16px;text-align:center;color:#6c5443}.m-elements__buttons{z-index:2;display:inline-block;margin-top:14px}.a-button{margin:4px;width:20px;height:20px;transition:fill .3s;fill:var(--icons-color)}.a-button:hover{fill:var(--icons-color-hover)}#fb-icon{width:32px}.m-video__wrapper{position:absolute;overflow:hidden;height:120%;max-height:900px;min-height:870px;inset:0;margin:auto;background:#ff925c;background:linear-gradient(180deg,#ff925c 0% 19%,#ff925c 37%,#ff965b 50%,#ff955d 60%,#ff985f 61%,#ffad6f 67.5%,#ffaa6f 68%,#ffa86a 69%,#ffad6f 69.6%,#ffb979 72%,#ffc583 80%,#ffca85)}.m-video__bg{position:absolute;top:0;left:10px;height:100%;width:200px;background:#ff925c;background:linear-gradient(180deg,#ff925c 0% 19%,#ff925c 37%,#ff965b 50%,#ff955d 60%,#ff985f 61%,#ffad6f 67%,#ffaa6f,#ffa86a 69%,#ffad6f 69.5%,#ffb979 72%,#ffc583 80%,#ffca85)}#hero-video{position:absolute;z-index:2;height:66.66%;top:50%;left:50%;-webkit-mask-box-image:url(https://yurko-personal-page.s3.eu-central-1.amazonaws.com/video-mask.svg);transform:translate(-50%,-50%)}.m-video__first-frame-sole{position:absolute;user-select:none;height:66.6%;top:50%;left:50%;width:auto;-webkit-mask-box-image:url(https://yurko-personal-page.s3.eu-central-1.amazonaws.com/video-mask.svg);transform:translate(-50%,-50%)}.m-listening-status{position:absolute;z-index:4;right:0;bottom:16.8%;left:0;margin:0 auto;display:flex;align-items:center;justify-content:center;width:170px}.m-listening-status__link:hover{color:#6c5443}.m-listening-status__link:hover>.m-listening-status__icon{stroke:#6c5443}.m-listening-status a{display:flex;align-items:center;color:#c49869;font-style:normal;font-weight:700;font-size:11px;line-height:12px;vertical-align:middle;text-align:center;margin:8}.m-listening-status__icon{stroke:#c49869;margin:0 8px 2px;width:18px}@media only screen and (max-height:720px)and (orientation:landscape){.m-elements{top:-72px;margin:0}.m-video__wrapper{top:-64px;margin:0}}@media only screen and (max-height:596px)and (orientation:portrait){.m-elements{top:32px;margin:0}.m-video__wrapper{top:64px;height:400px;width:500px;margin:0}}@media only screen and (max-width:420px)and (orientation:portrait){.m-elements{height:80%;max-height:532px}.m-elements__header{margin-top:16px;font-size:22px}.m-elements__subheader{margin-top:6px;font-size:14px}.m-elements__logo{margin-top:0}.a-logo__icon{width:32px}.a-logo__label{font-size:12px}.m-video__wrapper{width:100%;height:128vw;min-height:0;max-height:900}.m-listening-status{bottom:13.5%}}