@charset "UTF-8";
:root{--color-bg-primary:#f8f8f8;--color-bg-primary-inverse:#060606;--color-bg-secondary:#ebebeb;--color-bg-secondary-inverse:#121212;--color-blur:rgba(255,255,255,0.01);--color-text-primary:#f8f8f8;--color-text-primary-inverse:#060606;--color-text-primary-inverse-hover:#676767;--color-text-secondary:rgba(248,248,248,0.6);--color-text-secondary-inverse:#676767;--color-list-primary:rgba(248,248,248,1);--color-list-secondary:rgba(248,248,248,0.4);--color-shadow-video:rgba(0,0,0,0.2);--spacing-medium:1rem;--line-height-xsmall:0.9;--line-height-small:1;--line-height-medium:1.1;--line-height-large:1.2;--letter-space-small:-0.02em;--letter-space-medium:-0.05em;--transition:0.3s;--border-radius-small:0.25rem;--border-radius-medium:0.5rem;--color-popup-secondary:#4b4b4b;--color-popup-secondary-inverse:#626262;--color-popup-primery-button:#060606;--swiper-pagination-bullet-inactive-color:white;--swiper-pagination-bullet-inactive-opacity:1;--plyr-range-fill-background:#f8f8f8;--plyr-color-main:#f8f8f8;--plyr-video-control-background-hover:transparent;--plyr-control-spacing:0px;--current-time:0px}@media screen and (min-width:992px){html{font-size:1.111vw}}
@media screen and (max-width:991px){html{font-size:2.083vw}}
@media screen and (max-width:479px){:root{--plyr-control-spacing:10px}html{font-size:5vw}}@font-face{font-family:"Stolzl";src:url("../themes/naau-dev/assets/fonts/Stolzl-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Stolzl";src:url("../themes/naau-dev/assets/fonts/Stolzl-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Stolzl";src:url("../themes/naau-dev/assets/fonts/Stolzl-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}*,
::before,
::after{box-sizing:border-box}body,
p{margin:0}body{background:var(--color-bg-primary-inverse);font-size:13px;font-family:Stolzl;font-weight:400;color:var(--color-text-primary-inverse);line-height:var(--line-height-medium);letter-spacing:var(--letter-space-small);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:none}img,
video{width:100%;max-width:100%;-o-object-fit:cover;object-fit:cover}a{color:inherit;text-decoration:none;line-height:var(--line-height-medium);letter-spacing:var(--letter-space-small);cursor:none}ul{margin:0;padding:0;list-style:none}input,
textarea{font:inherit;border:none;cursor:none}h1,
h2,
h3,
h4{margin:0}.mask{overflow:hidden}.button{cursor:none;line-height:var(--line-height-medium);letter-spacing:var(--letter-space-small);margin:0;padding:0;border:0;background:none;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.header{position:absolute;width:100%;left:0;top:0;z-index:10;pointer-events:none}
.header__inner{display:flex;justify-content:space-between;padding-block:var(--spacing-medium);padding-inline:var(--spacing-medium)}
.header__logo{width:7.4375rem;display:inline-flex;color:var(--color-text-primary);pointer-events:auto}
@media screen and (max-width:991px){.header__logo{pointer-events:auto;width:6.4375rem}}
@media screen and (max-width:479px){.header{pointer-events:auto}.header__logo{width:3.875rem}}
.header__buttons{position:absolute;top:0;right:0;padding:var(--spacing-medium);padding-left:1.875rem;display:flex;-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);align-items:flex-start;pointer-events:auto}
@media screen and (max-width:991px){.header__buttons{-moz-column-gap:2rem;column-gap:2rem;align-items:center}}
@media screen and (max-width:479px){.header__buttons{display:none}}
.header__button{font-size:0.8125rem;text-transform:uppercase;color:var(--color-text-secondary);transition:color var(--transition) ease}
@media (hover:hover){.header__button:hover{color:var(--color-bg-primary)}}
.header__burger{display:none}
@media screen and (max-width:479px){.header__burger{display:block;width:1.5rem;height:1.5rem}}
.header__portfolio{font-size:0.8125rem;text-transform:uppercase;color:var(--color-text-secondary);transition:color var(--transition) ease;display:none}
.header__portfolio:hover{color:var(--color-bg-primary)}
@media screen and (max-width:991px){.header__portfolio{display:inline-flex}}.nav-mobile{display:none;background-color:var(--color-bg-primary);position:fixed;align-items:center;justify-content:center;inset:0;z-index:10}
.nav-mobile--open{display:flex}
.nav-mobile__header{position:absolute;width:100%;left:0;top:0;display:flex;justify-content:space-between;align-items:stretch;padding:var(--spacing-medium)}
.nav-mobile__close{width:1.5rem;height:1.5rem}
.nav-mobile__list{display:flex;flex-direction:column;row-gap:1.5rem;align-items:center}
.nav-mobile__footer{position:absolute;left:0;bottom:var(--spacing-medium);width:100%;display:flex;justify-content:space-between;-moz-column-gap:1rem;column-gap:1rem;padding-inline:var(--spacing-medium)}
.nav-mobile__text{font-size:0.5625rem;text-transform:uppercase;letter-spacing:-0.04em}.logo{width:7.4375rem;display:block}
@media screen and (max-width:991px){.logo{width:6.4375rem}}
@media screen and (max-width:479px){.logo{width:3.875rem}}.portfolio-link__wrapper{position:absolute;overflow:hidden;left:0.375rem;bottom:3.875rem;z-index:10}
@media screen and (max-width:991px){.portfolio-link__wrapper{display:none}}.portfolio-link{padding:0.625rem;display:inline-flex;color:var(--color-text-secondary);transition:color var(--transition) ease;font-size:0.8125rem}
@media (hover:hover){.portfolio-link:hover{color:var(--color-text-primary)}}.slider{height:100vh;width:100%}
@media screen and (max-width:479px){.slider{height:100dvh}}
.slider__media{position:relative;height:100%}
.slider__media::after{content:"";position:absolute;inset:0;background-color:var(--color-shadow-video);pointer-events:none}
.slider__media img{height:100%}
.slider__media video{height:100%}
.slider__info{display:flex;flex-direction:column;row-gap:0.125rem;position:absolute;left:15.8125rem;bottom:4.5rem;pointer-events:none}
@media screen and (max-width:991px){.slider__info{max-width:34.375rem;left:var(--spacing-medium);bottom:6.25rem}}
@media screen and (max-width:479px){.slider__info{max-width:16.5625rem;bottom:5.3125rem}}
.slider__title{font-size:4rem;color:var(--color-text-primary);line-height:var(--line-height-xsmall);letter-spacing:var(--letter-space-medium);text-transform:uppercase;transition:all var(--transition) ease-in-out 0.3s;transform:translateY(100%);opacity:0}
@media screen and (max-width:991px){.slider__title{font-size:3.375rem}}
@media screen and (max-width:479px){.slider__title{font-size:1.75rem}}
.slider__description{font-size:0.8125rem;color:var(--color-text-secondary);text-transform:uppercase;transition:all var(--transition) ease 0.5s;transform:translateY(100%);opacity:0;padding-left:0.125rem}
@media screen and (max-width:479px){.slider__description{font-size:0.5625rem}}
.slider__mask{overflow:hidden}.swiper-slide-active .slider__title,
.swiper-slide-active .slider__description{transform:translateY(0%);opacity:1}.pagination{position:absolute;left:auto;padding-right:1rem;right:0;top:50%;bottom:auto;transform:translateY(-50%);z-index:20;width:auto}
@media screen and (max-width:991px){.pagination{pointer-events:none;display:flex;flex-direction:column;row-gap:6.25vh}}
@media screen and (max-width:479px){.pagination{row-gap:4vh}}
.pagination__item{height:7.284vh;min-width:18.75rem;padding-right:0.6875rem;display:flex;position:relative;align-items:center;justify-content:flex-end;color:var(--color-list-secondary);transition:color var(--transition) ease}
.pagination__item--active{color:var(--color-list-primary)}
.pagination__item::after{content:"";display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:0.1875rem;height:0.1875rem;background-color:currentColor;border-radius:50%}
@media screen and (max-width:991px){.pagination__item{height:0.375rem}}
.pagination__title{font-weight:400;text-transform:uppercase;color:currentColor;transform:translateY(100%);transition:transform var(--transition) ease;font-size:0.8125rem}.pagination:hover .pagination__title{transform:translateY(0%)}.pagination__item:hover{color:var(--color-list-primary)}.info{height:100vh;background-color:var(--color-bg-primary);z-index:40;position:fixed;inset:0;visibility:hidden}
@media screen and (max-width:479px){.info{height:100dvh}}
.info__inner{padding-inline:var(--spacing-medium);padding-block:10.494vh;row-gap:1.975vh;height:100%;display:flex;flex-direction:column;justify-content:space-between}
@media screen and (max-width:991px){.info__inner{row-gap:2.778vh;justify-content:center}}
.info__header{position:absolute;width:100%;left:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-medium)}
@media screen and (max-width:479px){.info__header{align-items:stretch}}
.info__close{font-size:0.8125rem;text-transform:uppercase}
@media screen and (max-width:479px){.info__close--text{display:none}}
.info__close--icon{display:none}
@media screen and (max-width:479px){.info__close--icon{display:inline-flex}}
@media screen and (max-width:479px){.info__close{width:1.5rem;height:1.5rem}}
.info__description{align-self:flex-end;font-size:3.75rem;font-weight:700;line-height:var(--line-height-xsmall);letter-spacing:var(--letter-space-medium);text-transform:uppercase;max-width:55rem}
@media screen and (max-width:991px){.info__description{font-size:3.375rem}}
@media screen and (max-width:479px){.info__description{font-size:1.375rem}}
.info__services{display:flex;justify-content:space-between;-moz-column-gap:0.625rem;column-gap:0.625rem;overflow:hidden}.info__services-item{font-size:0.8125rem}@media screen and (max-width:991px){.info__services{display:none}}
.info__services-double{display:flex;flex-direction:column}
.info__footer-wrapper{display:flex;flex-direction:column;align-items:flex-end}
.info__footer{align-self:flex-end;display:grid;grid-template-columns:repeat(8,1fr);-moz-column-gap:1rem;column-gap:1rem;row-gap:3.951vh;width:100%;max-width:55rem}
@media screen and (max-width:991px){.info__footer{row-gap:1rem;grid-template-columns:repeat(4,1fr)}}
.info__design{width:100%;max-width:55rem}
.info__design-link{text-transform:uppercase;display:flex;flex-direction:column;row-gap:0.25rem}
.info__footer-item{text-transform:uppercase;display:flex;flex-direction:column;row-gap:0.25rem}
.info__footer-item--services{display:none}
@media screen and (max-width:991px){.info__footer-item--services{display:flex;flex-direction:column;row-gap:0.25rem}}
.info__footer-title{color:var(--color-text-primary-inverse-hover);font-size:0.8125rem}
@media screen and (max-width:479px){.info__footer-title{font-size:0.5625rem}}
.info__footer-content{display:inline-flex;font-size:0.8125rem}
@media screen and (max-width:479px){.info__footer-content{font-size:0.5625rem}}
@media screen and (min-width:992px){.info__footer-item--hello{grid-column:span 3}.info__footer-item--portfolio{grid-column:span 3;grid-row:2}.info__footer-item--cv{grid-column:span 3}.info__footer-item--location{grid-column:span 3;grid-row:2}.info__footer-item--busines{grid-column:7/span 2}.info__footer-item--social{grid-column:7/span 2}}
@media screen and (max-width:991px){.info__footer-item--hello{grid-column:span 2}.info__footer-item--portfolio{grid-column:3/span 2;grid-row:1}.info__footer-item--cv{display:none}.info__footer-item--location{grid-column:1/span 2;grid-row:2}.info__footer-item--business{display:none}.info__footer-item--social{grid-column:1/span 2;grid-row:3}.info__footer-item--services{grid-column:3/span 2;grid-row:2/span 2}}
.info__social-list{display:flex;flex-direction:column}
@media screen and (max-width:479px){.info__social-item{height:auto}}
.info__social-link{display:inline-flex;transition:color var(--transition) ease;font-size:0.8125rem}
@media screen and (max-width:479px){.info__social-link{font-size:0.5625rem}}
.info__design{position:absolute;bottom:var(--spacing-medium);right:var(--spacing-medium)}
@media screen and (max-width:991px){.info__design{right:auto;left:0;display:grid;-moz-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(4,1fr);padding-inline:var(--spacing-medium)}}
.info__stance{display:none;text-transform:uppercase;font-size:0.8125rem}@media screen and (max-width:991px){.info__stance{display:block;grid-column:3}}
.info__design-link{display:inline-flex;font-size:0.8125rem}
@media (hover:hover){.info__design-link:hover{color:var(--color-text-primary-inverse-hover)}}
@media screen and (max-width:479px){.info__design-link{font-size:0.5625rem}.info__stance{font-size:0.5625rem}}
@media screen and (max-width:991px){.info__design-link{grid-column:1/span 2}}
.info__stance{grid-column:3/span 2}.info a,
.info button{transition:color var(--transition) ease}
@media (hover:hover){.info a:hover,.info button:hover{color:var(--color-text-primary-inverse-hover)}}.info-page .info{visibility:visible}.cursor{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;top:50%;left:50%;mix-blend-mode:difference;z-index:10000000}.cursor-fullscreen{position:absolute;z-index:9999;pointer-events:none;width:1rem;height:1rem}@media (hover:none){.cursor{display:none}}
@media screen and (max-width:991px){.cursor{display:none}.cursor-fullscreen{display:none}}
.cursor__default{width:1rem;height:1rem}
.cursor__default.is-hidden{display:none}
.cursor__case{display:none;opacity:0;transition:opacity var(--transition) ease}
.cursor__case.is-show{display:flex;-moz-column-gap:0.25rem;column-gap:0.25rem;align-items:center;opacity:1}
.cursor__case-icon{width:3.0625rem;height:0.875rem}.cursor-fullscreen{position:absolute;z-index:9999;pointer-events:none;width:1rem;height:1rem}.modal{display:none;position:fixed;inset:0;background-color:var(--color-blur);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:40}
@media screen and (max-width:479px){.modal{background-color:var(--color-bg-primary);-webkit-backdrop-filter:none;backdrop-filter:none}}
.modal--open{display:block}
.modal__inner{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;position:relative}
.modal__header{padding:var(--spacing-medium);position:absolute;top:0;left:0;display:flex;justify-content:space-between;align-items:flex-start;width:100%;color:var(--color-text-primary)}
@media screen and (max-width:479px){.modal__logo{color:var(--color-text-primary-inverse)}}
.modal__close{font-size:0.8125rem;text-transform:uppercase;transition:color var(--transition) ease}
@media (hover:hover){.modal__close:hover{color:var(--color-text-secondary)}}
.modal__title{font-size:4rem;font-weight:700;letter-spacing:var(--letter-space-medium);line-height:var(--line-height-xsmall);text-transform:uppercase;color:var(--color-text-primary)}
@media screen and (max-width:991px){.modal__title{font-size:3.375rem}}
@media screen and (max-width:479px){.modal__title{font-size:1.75rem;color:var(--color-text-primary-inverse)}}
.modal__form-wrapper{width:100%;max-width:28.625rem;position:relative;display:flex;flex-direction:column;row-gap:2rem;padding:2rem;background-color:var(--color-bg-primary-inverse);border-radius:var(--border-radius-medium)}
@media screen and (max-width:991px){.modal__form-wrapper{max-width:40rem}}
@media screen and (max-width:479px){.modal__form-wrapper{background-color:transparent;padding:1rem;row-gap:1rem}}
.modal__form{display:flex;flex-direction:column;row-gap:1rem}
@media screen and (max-width:479px){.modal__form{row-gap:0.5rem}}
.modal__form-close{position:absolute;top:1rem;right:1rem;height:1.5rem;width:1.5rem;color:var(--color-text-primary);transition:color var(--transition) ease}
.modal__form-close:hover{color:var(--color-text-secondary)}
@media screen and (max-width:479px){.modal__form-close{position:fixed;color:var(--color-text-primary-inverse)}}
.modal__input{width:100%;position:relative;font-size:0.8125rem;text-transform:uppercase;background-color:var(--color-bg-secondary-inverse);padding:0.375rem;border-radius:var(--border-radius-small);color:var(--color-text-primary)}
.modal__input::-moz-placeholder{color:var(--color-popup-secondary)}
.modal__input::placeholder{color:var(--color-popup-secondary)}
.modal__input--message{min-height:12.5rem;resize:none}
@media screen and (max-width:479px){.modal__input{background-color:#ebebeb;color:var(--color-popup-secondary-inverse);font-size:0.5625rem}}
.modal__button{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;background-color:var(--color-bg-primary);text-transform:uppercase;border:0.0625rem solid transparent;border-radius:var(--border-radius-small);transition:all 0.2s ease}
.modal__button:hover{background-color:var(--color-bg-primary-inverse);color:var(--color-text-primary);border:0.0625rem solid var(--color-bg-primary)}
@media screen and (max-width:479px){.modal__button{color:var(--color-text-primary);background-color:var(--color-popup-primery-button)}}
.modal__policy{font-size:0.6875rem;color:var(--color-text-secondary-inverse);text-transform:uppercase}
.modal__policy--link{font-size:inherit;color:var(--color-text-primary);transition:color var(--transition) ease}
.modal__policy--link:hover{color:var(--color-text-secondary)}
@media screen and (max-width:479px){.modal__policy--link{color:var(--color-text-primary-inverse)}}
@media screen and (max-width:479px){.modal__policy{color:var(--color-popup-secondary);font-size:0.5625rem}}.modal-page .modal{display:block}.full-case{display:none;position:fixed;inset:0;z-index:20;background-color:var(--color-bg-primary)}
@media screen and (max-width:479px){.full-case{background-color:var(--color-bg-primary-inverse)}}
.full-case--open{display:block}
@media screen and (max-width:479px){.full-case--open{display:flex;align-items:center}}
.full-case__close{position:absolute;top:var(--spacing-medium);right:var(--spacing-medium);font-size:0.8125rem;text-transform:uppercase;transition:color var(--transition) ease;color:var(--color-text-primary);z-index:10}
@media (hover:hover){.full-case__close:hover{color:var(--color-text-secondary)}}.player-page .full-case{display:block}@media screen and (min-width:992px){.plyr{height:100%}.plyr__control{cursor:none}.plyr__progress{left:0;top:auto;bottom:0;transform:translateY(50%);margin-right:0}.plyr__progress__buffer{display:none;background:transparent;border-radius:0px}.plyr__progress input[type=range]::-webkit-slider-thumb{display:none}.plyr__progress input[type=range]::-moz-range-thumb{display:none}.plyr__progress input[type=range]::-ms-thumb{display:none}.plyr--full-ui input[type=range]{border-radius:0}[data-plyr=play]{position:absolute;left:var(--spacing-medium);bottom:1.4rem;text-transform:uppercase;color:var(--color-text-primary);line-height:0.9}.plyr__time{position:absolute;bottom:1.5rem}.plyr__time{right:3.5625rem}.plyr__time--current{right:calc(var(--current-time) + 3.6rem)}.plyr__volume{position:absolute;flex-direction:row-reverse;left:4.3125rem;bottom:1.5rem;cursor:none}[data-plyr=fullscreen]{position:absolute;right:var(--spacing-medium);bottom:1.5rem;cursor:none}.plyr__progress input[type=range]{--plyr-range-track-height:1rem;--plyr-video-progress-buffered-background:transparent;--plyr-range-fill-background:#f8f8f8}.plyr__volume input[type=range]{--plyr-video-progress-buffered-background:rgba(248,248,248,0.4);--plyr-range-fill-background:transparent;--plyr-range-track-height:0.125rem;--plyr-control-spacing:0.625rem;max-width:3.75rem;cursor:none}.plyr__volume input[type=range]{--plyr-range-thumb-height:0.5rem}}
.loader{background-color:var(--color-bg-primary-inverse);position:fixed;inset:0;z-index:20;padding:var(--spacing-medium);display:flex;align-items:center}
.loader__counter{font-size:0.8125rem;position:absolute;top:var(--spacing-medium);left:50%;transform:translateX(-50%);color:var(--color-text-secondary-inverse);text-transform:uppercase}
@media screen and (max-width:479px){.loader__counter{font-size:0.5625rem}}
.loader__second{font-size:inherit;display:inline-flex;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";min-width:2ch;text-align:center}
.loader__separator{font-size:inherit}
.loader__fps{font-size:inherit}
.loader__logo{width:36.25rem;height:6.75rem;visibility:hidden}
@media screen and (max-width:991px){.loader__logo{width:34.1875rem;height:6.25rem}}
@media screen and (max-width:479px){.loader__logo{width:13.75rem;height:2.5rem}}
.loader__content{display:flex;align-items:center;-moz-column-gap:2.5rem;column-gap:2.5rem;color:var(--color-text-primary);width:100%;overflow:hidden}
@media screen and (max-width:991px){.loader__content{flex-direction:column;align-items:flex-start;row-gap:0.625rem}}
.loader__text{display:flex;-moz-column-gap:2.5rem;column-gap:2.5rem;visibility:hidden}
@media screen and (max-width:991px){.loader__text{-moz-column-gap:1.375rem;column-gap:1.375rem}}
@media screen and (max-width:479px){.loader__text{-moz-column-gap:0.6875rem;column-gap:0.6875rem}}
.loader__text-wrapper{position:relative}
.loader__text-item{font-size:9.25rem;font-weight:500;text-transform:uppercase;line-height:0.8}
.loader__text-item--hidden{position:absolute;left:0;top:0;visibility:hidden}
@media screen and (max-width:991px){.loader__text-item{font-size:8.875rem}}
@media screen and (max-width:479px){.loader__text-item{font-size:3.4375rem}}