@font-face {
  font-family: "OnestRegular";
  src: url("../../fonts/Onest-Regular.ttf"); }

@font-face {
  font-family: "Massj1808Normal";
  src: url("../../fonts/2Massj1808Normal.ttf"); }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt,
var, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

html {
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  transition: background-color 0.075s ease; }
  body::-webkit-scrollbar {
    width: 10px; }
  body::-webkit-scrollbar-track {
    background: #dfdddd; }
  body::-webkit-scrollbar-thumb {
    background: #26125B; }
  body::-webkit-scrollbar-thumb:hover {
    background: #311b6cd2; }
  body ::selection {
    background-color: #311b6cd2;
    color: #ffffff; }

ul {
  list-style-type: none; }

.container {
  margin: 20px auto;
  width: 1600px;
  padding: 0 20px;
  box-sizing: border-box; }

.open {
  display: flex !important; }

.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .site-header__burger {
    display: none;
    position: relative;
    z-index: 51;
    align-items: center;
    justify-content: space-between;
    width: 8vw;
    height: 4vw;
    margin-left: 2vw;
    cursor: pointer; }
    .site-header__burger__span {
      border-radius: 50px;
      height: 0.48vw;
      width: 100%;
      transform: scale(1);
      background-color: #26125B;
      transition: all 0.3s ease 0s; }
    .site-header__burger::before {
      content: '';
      border-radius: 50px;
      position: absolute;
      height: 0.48vw;
      width: 100%;
      background-color: #26125B;
      transition: all 0.3s ease 0s;
      top: 0; }
    .site-header__burger::after {
      content: '';
      border-radius: 50px;
      position: absolute;
      height: 0.48vw;
      width: 100%;
      background-color: #26125B;
      transition: all 0.3s ease 0s;
      bottom: 0; }
    .site-header__burger.active {
      pointer-events: none; }
      .site-header__burger.active .site-header__burger__span {
        background-color: rgba(38, 18, 91, 0); }
      .site-header__burger.active::before {
        background-color: rgba(38, 18, 91, 0); }
      .site-header__burger.active::after {
        background-color: rgba(38, 18, 91, 0); }
  .site-header__navigation {
    height: 50px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .site-header__navigation__nav-links {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 35%; }
      .site-header__navigation__nav-links__nav-link {
        text-decoration: none;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        padding: 7.5px 12.5px;
        border-radius: 12px;
        color: #000000;
        font-size: 18px;
        font-family: "OnestRegular";
        transition: background-color 0.3s ease; }
        .site-header__navigation__nav-links__nav-link:hover {
          background-color: rgba(163, 160, 172, 0.35); }
    .site-header__navigation__header-logo {
      padding-left: 5%;
      padding-right: 5%; }
      .site-header__navigation__header-logo__link {
        text-decoration: none;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        height: 55px;
        transition: transform 0.3s ease; }
        .site-header__navigation__header-logo__link:hover {
          transform: scale(0.98); }
  .site-header__mobile-navigation {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    align-items: center;
    gap: 10vw;
    height: 100vh;
    width: 45%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    overflow-y: auto;
    background-color: #ffffff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
    overscroll-behavior: none;
    border-radius: 0 10px 10px 0; }
    .site-header__mobile-navigation__back-button {
      width: 25%;
      margin-right: 70%;
      padding-bottom: 12vw;
      text-decoration: none;
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none; }
      .site-header__mobile-navigation__back-button::before {
        content: '';
        position: absolute;
        height: 8vw;
        width: 0.5vw;
        background-color: rgba(38, 18, 91, 0.9);
        transform: rotate(45deg);
        left: 15%;
        top: 2%;
        border-radius: 1vw; }
      .site-header__mobile-navigation__back-button::after {
        content: '';
        position: absolute;
        height: 8vw;
        width: 0.5vw;
        background-color: rgba(38, 18, 91, 0.9);
        transform: rotate(-45deg);
        left: 15%;
        top: 2%;
        border-radius: 1vw; }
    .site-header__mobile-navigation__nav-links {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      gap: 9.4vw;
      width: 85%; }
      .site-header__mobile-navigation__nav-links__nav-link {
        text-decoration: none;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        color: #000000;
        font-size: 6.75vw;
        font-family: "OnestRegular"; }
    .site-header__mobile-navigation__privacy {
      text-decoration: none;
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      margin-bottom: 2vw;
      color: #000000;
      font-size: 3vw;
      font-family: "OnestRegular"; }
    .site-header__mobile-navigation.open {
      visibility: visible;
      opacity: 1;
      transform: translateY(0); }
  .site-header__mobile-navigation::-webkit-scrollbar {
    height: 0;
    width: 0;
    display: none; }

.portfolio-work {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-top: 60px;
  gap: 24px; }
  .portfolio-work__header {
    font-family: "Massj1808Normal";
    font-size: 60px; }
  .portfolio-work__description {
    font-family: "OnestRegular";
    font-size: 24px; }
  .portfolio-work__img {
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border-radius: 5px;
    -webkit-filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25)); }
  .portfolio-work__img-post {
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border-radius: 5px;
    -webkit-filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25)); }
    .portfolio-work__img-post.portfolio-work__img-post-half {
      width: 50%;
      margin-left: 25%; }

.portfolio-page {
  margin-top: 60px; }
  .portfolio-page__header-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 36px;
    gap: 24px; }
    .portfolio-page__header-section__header {
      text-decoration: none;
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      font-family: "Massj1808Normal";
      font-size: 60px;
      margin: 0; }
    .portfolio-page__header-section__filter {
      text-decoration: none;
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      flex-shrink: 0; }
      .portfolio-page__header-section__filter select {
        font-family: "OnestRegular";
        font-size: 24px;
        padding: 9px 12px;
        color: #26125B;
        background-color: #ffffff;
        border: 2px solid #2b1666;
        border-radius: 18px;
        cursor: pointer;
        transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2326115B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 9px center;
        background-size: 18px;
        padding-right: 36px; }
        .portfolio-page__header-section__filter select:hover {
          background-color: #3a2d7c;
          border-color: #26125B;
          color: #ffffff; }
        .portfolio-page__header-section__filter select:focus {
          outline: none;
          background-color: #26125B;
          border-color: #26125B;
          color: #ffffff; }
        .portfolio-page__header-section__filter select option {
          background-color: #190A3F;
          color: #ffffff;
          padding: 6px; }
  .portfolio-page__description {
    font-family: "OnestRegular";
    font-size: 24px;
    padding-bottom: 30px; }
  .portfolio-page__works {
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%; }
    .portfolio-page__works__work {
      width: 48.5%;
      aspect-ratio: 1.75;
      border-radius: 30px;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
      overflow: hidden;
      transition: scale 0.3s ease;
      margin-bottom: 36px;
      position: relative; }
      .portfolio-page__works__work::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
        z-index: 1; }
      .portfolio-page__works__work__text {
        position: absolute;
        transform: translate(10%, -145%);
        color: #ffffff;
        text-align: left;
        font-family: "Massj1808Normal";
        font-size: 30px;
        width: 65%;
        z-index: 2; }
      .portfolio-page__works__work__img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: relative;
        z-index: 0; }
      .portfolio-page__works__work:hover {
        scale: 1.01; }
  .portfolio-page__pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    margin-top: 24px; }
    .portfolio-page__pagination--empty {
      margin-top: 0; }
  .portfolio-page__load-more {
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-family: "OnestRegular";
    font-size: 24px;
    padding: 12px 24px;
    background-color: #26125B;
    color: #ffffff;
    border: 2px solid #26125B;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease; }
    .portfolio-page__load-more:hover {
      background-color: #3a2d7c;
      border-color: #3a2d7c; }
    .portfolio-page__load-more:disabled {
      opacity: 0.6;
      cursor: not-allowed; }

.footer__content {
  margin-top: 110px;
  position: relative;
  height: 175px;
  background-color: #190a3f;
  border-radius: 25.6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; }
  .footer__content__body {
    width: 95%;
    height: 100%;
    background-color: #26125B;
    border-radius: 50px;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .footer__content__body__left {
      margin-left: 2.5%; }
      .footer__content__body__left__logo {
        text-decoration: none;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6%; }
    .footer__content__body__right {
      text-decoration: none;
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      margin-right: 1%;
      color: #ffffff;
      font-family: "OnestRegular";
      font-size: 15px;
      background-color: rgba(255, 255, 255, 0.1);
      padding: 15px 20px 15px 20px;
      border-radius: 50px;
      transition: background-color 0.3s ease; }
      .footer__content__body__right:hover {
        background-color: rgba(255, 255, 255, 0.2); }
  .footer__content__menu {
    width: 95%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .footer__content__menu__left {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px; }
      .footer__content__menu__left__button {
        text-decoration: none;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        color: rgba(255, 255, 255, 0.775);
        transition: color 0.3s ease;
        font-family: "OnestRegular"; }
        .footer__content__menu__left__button:hover {
          color: #ffffff; }
    .footer__content__menu__right {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px; }
      .footer__content__menu__right__button {
        text-decoration: none;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        color: rgba(255, 255, 255, 0.775);
        transition: color 0.3s ease;
        font-family: "OnestRegular"; }
        .footer__content__menu__right__button:hover {
          color: #ffffff; }

@media (max-width: 1600px) {
  .container {
    width: 1280px; }
  .portfolio-work {
    margin-top: 52.5px;
    gap: 21px; }
    .portfolio-work__header {
      font-size: 52.5px; }
    .portfolio-work__description {
      font-size: 26.25px; }
  .portfolio-page {
    margin-top: 52.5px; }
    .portfolio-page__header {
      font-size: 52.5px;
      padding-bottom: 15.75px; }
    .portfolio-page__filter {
      padding-bottom: 15.75px; }
      .portfolio-page__filter select {
        font-size: 21px;
        padding: 5.25px;
        border-radius: 10.5px; }
    .portfolio-page__description {
      font-size: 26.25px;
      padding-bottom: 26.25px; }
    .portfolio-page__works__work {
      border-radius: 26.25px;
      margin-bottom: 31.5px; }
      .portfolio-page__works__work__text {
        font-size: 26.25px; }
    .portfolio-page__pagination {
      gap: 21px;
      margin-top: 21px; }
    .portfolio-page__load-more {
      font-size: 21px;
      padding: 10.5px 21px;
      border-radius: 50px; } }

@media (max-width: 1280px) {
  .container {
    width: 1152px; }
  .portfolio-work {
    margin-top: 45px;
    gap: 18px; }
    .portfolio-work__header {
      font-size: 45px; }
    .portfolio-work__description {
      font-size: 22.5px; }
  .portfolio-page {
    margin-top: 45px; }
    .portfolio-page__header {
      font-size: 45px;
      padding-bottom: 13.5px; }
    .portfolio-page__filter {
      padding-bottom: 13.5px; }
      .portfolio-page__filter select {
        font-size: 18px;
        padding: 4.5px;
        border-radius: 9px; }
    .portfolio-page__description {
      font-size: 22.5px;
      padding-bottom: 22.5px; }
    .portfolio-page__works__work {
      border-radius: 22.5px;
      margin-bottom: 27px; }
      .portfolio-page__works__work__text {
        font-size: 22.5px;
        width: 75%; }
    .portfolio-page__pagination {
      gap: 18px;
      margin-top: 18px; }
    .portfolio-page__load-more {
      font-size: 18px;
      padding: 9px 18px;
      border-radius: 50px; } }

@media (max-width: 1152px) {
  .container {
    width: 1024px; } }

@media (max-width: 1024px) {
  .container {
    width: 100%;
    margin: 3vw auto;
    padding: 0 1.5vw;
    box-sizing: border-box; }
  .site-header {
    padding-top: 0px;
    margin-bottom: 0px; }
    .site-header__burger {
      display: flex; }
    .site-header__navigation {
      height: 6vw;
      justify-content: center;
      margin-right: 7vw; }
      .site-header__navigation__nav-links {
        display: none; }
      .site-header__navigation__header-logo {
        padding: 0;
        margin-right: 2vw; }
        .site-header__navigation__header-logo__link {
          height: 5.5vw;
          transition: transform 0.3s ease; }
          .site-header__navigation__header-logo__link:hover {
            transform: scale(0.98); }
  .portfolio-work {
    margin-top: 7vw;
    gap: 2.8vw; }
    .portfolio-work__header {
      font-size: 7vw; }
    .portfolio-work__description {
      font-size: 3.5vw; }
    .portfolio-work__img {
      border-radius: 1vw;
      -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25)); }
    .portfolio-work__img-post {
      border-radius: 1vw;
      -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25)); }
      .portfolio-work__img-post.portfolio-work__img-post-half {
        width: 100%;
        margin: 0; }
  .portfolio-page {
    margin-top: 7vw; }
    .portfolio-page__header-section {
      flex-direction: column;
      align-items: flex-start;
      gap: 2.1vw;
      padding-bottom: 3.15vw; }
      .portfolio-page__header-section__header {
        font-size: 7vw;
        padding-bottom: 0; }
      .portfolio-page__header-section__filter {
        padding-bottom: 2.1vw; }
        .portfolio-page__header-section__filter select {
          font-size: 2.8vw;
          padding: 0.7vw;
          border-radius: 1.4vw; }
    .portfolio-page__description {
      font-size: 3.5vw;
      padding-bottom: 3.5vw; }
    .portfolio-page__works__work {
      box-shadow: 0 1vw 2vw rgba(0, 0, 0, 0.25);
      border-radius: 3.5vw;
      width: 100%;
      margin-bottom: 4.2vw; }
      .portfolio-page__works__work__text {
        font-size: 4vw;
        width: 65%; }
      .portfolio-page__works__work:hover {
        scale: 1; }
    .portfolio-page__pagination {
      gap: 2.8vw;
      margin-top: 2.8vw; }
    .portfolio-page__load-more {
      font-size: 2.8vw;
      padding: 1.4vw 2.8vw;
      border-radius: 50px; }
  .footer__content {
    margin-top: 15vw;
    height: 33vw;
    border-radius: 8vw; }
    .footer__content__body {
      margin-top: 5vw;
      justify-content: center;
      border-radius: 10vw;
      width: 95%;
      padding-top: 2vw;
      padding-bottom: 2vw; }
      .footer__content__body__right {
        display: none; }
      .footer__content__body__left__logo {
        flex-direction: column;
        gap: 1vw; }
        .footer__content__body__left__logo__img {
          width: 10vw; }
        .footer__content__body__left__logo__text {
          width: 30vw; }
    .footer__content__menu {
      justify-content: center; }
      .footer__content__menu__left {
        display: none; }
      .footer__content__menu__right {
        width: 100%;
        justify-content: center;
        white-space: nowrap;
        gap: 20vw; }
        .footer__content__menu__right__button {
          font-size: 3.6vw; } }

@media (max-width: 768px) {
  .portfolio-work {
    margin-top: 9vw;
    gap: 3.6vw; }
    .portfolio-work__header {
      font-size: 9vw; }
    .portfolio-work__description {
      font-size: 4.5vw; }
  .portfolio-page {
    margin-top: 9vw; }
    .portfolio-page__header-section {
      flex-direction: column;
      align-items: flex-start;
      gap: 2.7vw;
      padding-bottom: 4.05vw; }
      .portfolio-page__header-section__header {
        font-size: 9vw;
        padding-bottom: 0; }
      .portfolio-page__header-section__filter {
        padding-bottom: 2.7vw; }
        .portfolio-page__header-section__filter select {
          font-size: 3.6vw;
          padding: 0.9vw;
          border-radius: 1.8vw; }
    .portfolio-page__description {
      font-size: 4.5vw;
      padding-bottom: 4.5vw; }
    .portfolio-page__works__work {
      box-shadow: 0 1vw 2vw rgba(0, 0, 0, 0.25);
      border-radius: 4.5vw;
      width: 100%;
      margin-bottom: 5.4vw; }
      .portfolio-page__works__work__text {
        font-size: 5vw;
        width: 75%; }
    .portfolio-page__pagination {
      gap: 3.6vw;
      margin-top: 3.6vw; }
    .portfolio-page__load-more {
      font-size: 3.6vw;
      padding: 1.8vw 3.6vw;
      border-radius: 50px; } }

/*# sourceMappingURL=layout.css.map */