@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/_next/static/_vinext_fonts/manrope-76eca2803f7f/manrope-c9a5f13c.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/_next/static/_vinext_fonts/manrope-76eca2803f7f/manrope-81401990.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 900;font-display:swap;src:url('/_next/static/_vinext_fonts/playfair-display-26cd08d450d9/playfair-display-71101758.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 900;font-display:swap;src:url('/_next/static/_vinext_fonts/playfair-display-26cd08d450d9/playfair-display-ef5ca8ac.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.__variable_manrope_18bkbal{--font-manrope:'Manrope',Arial,sans-serif}
.__variable_playfair_display_1gg7703{--font-display:'Playfair Display','Times New Roman',serif}

.visit-site{min-width:330px!important;padding:15px 15px 15px 30px!important;border-radius:25px!important;font-size:18px!important;line-height:1.2}
.visit-site svg{width:56px!important;height:56px!important;padding:16px!important;border-radius:17px!important;flex:0 0 auto}
.case-visual.project-bemody-pos{background:radial-gradient(circle at 50% 42%,#263d62 0,#101c31 46%,#080d16 100%)}
.case-visual.project-bemody-pos img{object-fit:contain!important;padding:4% 7%!important;filter:drop-shadow(0 38px 60px rgba(0,0,0,.55))}

@media (max-width: 900px) {
  .site-nav .menu {
    position: relative;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(23, 22, 19, .14);
    border-radius: 50%;
    background: rgba(255, 255, 255, .38);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78);
    backdrop-filter: blur(14px);
    transition: background .3s ease, transform .3s ease, border-color .3s ease;
  }
  .site-nav .menu:hover { background: rgba(255, 255, 255, .7); transform: scale(1.04); }
  .site-nav .menu svg { display: none; }
  .site-nav .menu::before,
  .site-nav .menu::after {
    content: "";
    position: absolute;
    left: 13px;
    width: 20px;
    height: 1.5px;
    border-radius: 2px;
    background: #171613;
    transition: top .35s cubic-bezier(.2,.8,.2,1), transform .35s cubic-bezier(.2,.8,.2,1), width .35s ease;
  }
  .site-nav .menu::before { top: 18px; }
  .site-nav .menu::after { top: 26px; width: 14px; left: 19px; }
  .site-nav .menu[aria-expanded="true"]::before { top: 22px; transform: rotate(45deg); }
  .site-nav .menu[aria-expanded="true"]::after { top: 22px; left: 13px; width: 20px; transform: rotate(-45deg); }

  .mobile-panel a {
    position: relative;
    padding-right: 58px;
    overflow: hidden;
  }
  .mobile-panel a svg { display: none; }
  .mobile-panel a::after {
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    width: 28px;
    height: 28px;
    border: 0;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    transform: translateY(-50%);
    transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .3s ease;
    opacity: .62;
  }
  .mobile-panel a::before {
    display: none;
  }
  .mobile-panel a:hover::after { transform: translate(4px, -50%); opacity: 1; }
}

@media (max-width: 560px){
  .visit-site{min-width:0!important;width:100%!important;padding:13px 13px 13px 22px!important;font-size:17px!important}
  .visit-site svg{width:50px!important;height:50px!important;padding:14px!important}
  .case-visual.project-bemody-pos img{padding:7% 4%!important}
}