/*app.css*/
:root {
  --main-color: #000;
  --main-color-hover: #fd4e4e;
  --text-primary: #151515;
  --text-secondary: #444;
  --primary-color: #fff;
  --secondary-color: #999;
  --color-text: #111;
  --color-bg: #fcfbfa;
  --color-link: #b19e7f;
  --color-link-hover: #000;
}
body {
  font-family: 'Open Sans', Roboto, system-ui;
  font-weight: 300;
  font-size: 1rem;
  color: var(--color-text);
  background-color: var(--color-bg);
  margin: 0;
  padding: 0;
}
html {
  font-size: 16px;
  font-weight: 400;
}
svg:hover {
  animation: draw 2s infinite;
}
@keyframes draw {
  0% {
    transform: translateY(0px);
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,1));
  }
  50% {
    transform: translateY(-1.5rem);
    filter: drop-shadow(0px 16px 6px rgba(0,0,0,0.5));
  }
  100% {
    transform: translateY(0px);
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,1));
  }
}


@media screen and (min-width: 1468px) {
  html {
    font-size: 24px;
  }
}
@media screen and (min-width: 1381px) and (max-width: 1467px) {
  html {
    font-size: 20px;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1381px) {
  html {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 300px) and (max-width: 767px) {
  html {
    font-size: 16px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  padding: 0;
  margin: 0;
  font-weight: inherit;
}
a {
  color: var(--main-color);
  text-decoration: none;
}
a:hover {
  color: var(--main-color-hover);
  text-decoration: none;
}
img {
  max-width: 100%;
}
.f-thin {
  font-weight: 200 !important;
}
.f-light {
  font-weight: 200 !important;
}
.f-regular {
  font-weight: 300 !important;
}
.f-medium {
  font-weight: 400 !important;
}
.f-bold {
  font-weight: 600 !important;
}
.f-black {
  font-weight: 800 !important;
}
.list-unstyle,
.list-unstyle li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.left-text {
  text-align: left;
}
.left-right {
  text-align: right;
}
.ease3 {
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.ease4 {
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.outer_widet {
  width: 100%;
  overflow: hidden;
}
.layout {
  position: relative;
  z-index: 1;
}
.container {
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
body {
  position: relative;
}
.noisy {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url(../img/noise.gif);
  background-size: 100px 100px;
  opacity: 0.24;
}
.o-scroll {
  background-color: transparent !important;
}
header {
  width: 100%;
  display: inline-block;
  position: fixed;
  top: 0;
  z-index: 101;
  padding: 1.6rem 0;
  background-color: transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  transition: all 0.4s ease-in-out;
}
html.is-ready header {
  opacity: 1 !important;
  visibility: visible;
  transition-delay: 0.4s;
  pointer-events: painted !important;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
header.stick {
  padding: 1rem 0;
  text-align: left;
  transition: all 0.4s ease-in-out;
  background: var(--primary-color);
}
.header-inner {
  display: flex;
  padding: 0;
  width: 100%;
  align-items: center;
}
.header_right {
  width: 80%;
  width: calc(100% - 200px);
  float: right;
  padding-left: 170px;
  display: flex;
  align-items: center;
  position: relative;
}
.header-inner .nav-main {
  min-width: 480px;
  display: flex;
  align-items: center;
}
.header-inner .nav-main ul {
  display: flex;
  align-items: center;
}
.logo .icon {
  fill: var(--main-color);
}
.nav-main li {
  display: inline-block;
  padding: 0 0.6rem;
  padding-bottom: 0.4rem;
}
.nav-main li a {
  padding: 0 1.2rem;
  font-size: 0.7rem;
}
.nav-main li a:hover {
  color: var(--main-color);
}
.nav-main li.logo {
  padding-right: 6rem;
  padding-left: 0;
  padding-bottom: 0;
}
.nav-main li.logo a {
  display: block;
  text-align: left;
  padding: 0;
}
.locality {
  margin-left: auto;
  font-size: 0.7rem;
  width: 142px;
  text-align: right;
}
.mob-header {
  position: fixed;
  left: 0;
  top: 1.4rem;
  width: 100%;
}
.mob-logo {
  float: left;
}
.bt-menu {
  display: flex;
  align-items: center;
  position: fixed;
  right: 26px;
  top: 1.4rem;
  color: var(--main-color);
  color: var(--main-color);
}
.bt-menu-inner {
  display: flex;
  align-items: center;
  padding-right: 0;
  position: relative;
}
.bt-menu a {
  color: var(--main-color);
}
.open-menu .bt-menu a {
  color: var(--primary-color);
}
.bt-menu:hover {
  color: var(--main-color);
}
.open-menu .bt-menu:hover {
  color: var(--primary-color);
}
.bt-menu .ico-menu {
  margin-left: 0.4rem;
}
.bt-menu .has-tablet {
  font-size: 0.86rem;
  letter-spacing: 0.4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-width: 2rem;
}
.bt-menu .has-tablet:after {
  content: "Menu";
}
.bt-menu .has-tablet:before {
  content: "Close";
  opacity: 0;
  visibility: hidden;
}
.open .bt-menu .has-tablet:before {
  opacity: 1;
  visibility: visible;
}
.open .bt-menu .has-tablet:after {
  opacity: 0;
  visibility: hidden;
}
.bt-menu .has-tablet:after,
.bt-menu .has-tablet:before {
  position: absolute;
  top: 0;
  right: 2rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.bt-menu .has-tablet.close {
  letter-spacing: 0.6px;
}
.ico-menu {
  width: 1.5rem;
  display: inline-block;
  position: relative;
}
.ico-menu i {
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
  display: block;
  height: 1.5px;
  background: var(--main-color);
  width: 1.3rem;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ico-menu i:nth-child(1) {
  top: 0;
  width: 1.3rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ico-menu i:nth-child(2) {
  top: 3px;
  width: 1rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
body.open .ico-menu i:nth-child(1) {
  left: 0;
  top: 1px;
  margin: 0;
  width: 1rem;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.open .ico-menu i:nth-child(2) {
  margin: 0;
  width: 1rem;
  top: -1px;
  left: 0;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
.open-menu,
.open-menu .ico-menu i {
  background: var(--primary-color);
}
.bt-menu .close,
body.open .bt-menu .menu {
  opacity: 0;
  visibility: hidden;
  font-size: 0;
}
body.open .bt-menu .close,
.bt-menu .menu {
  opacity: 1;
  visibility: visible;
  font-size: 0.86rem;
}
body.open .bt-menu .close {
  margin-right: 0.5rem;
}
.header .mob-logo {
  width: 2.2rem;
}
.header .mob-logo a {
  display: block;
}
.shd-line span {
  display: inline-block;
  position: relative;
}
.banner_widget {
  width: 100%;
  height: 100vh;
  width: 100%;
  display: inline-block;
}
.banner_widget .container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100vh;
}
.banner_widget .main-head {
  padding: 0;
  display: inline-block;
  position: relative;
}
.main-head .shd-line {
  padding: 5px 0;
}
.slogan .shd-line .top-text {
  padding: 1.2rem 2rem;
}
.banner_widget .top-text {
  display: inline-block;
  position: relative;
}
.banner_widget .slogan {
  position: relative;
  z-index: 1;
}
.slogan h1 {
  font-size: 9.2rem;
  line-height: 1;
  text-align: center;
  position: relative;
}
.slogan .top-caption {
  font-size: 0.96rem;
  display: block;
  text-align: center;
  color: var(--text-secondary);
  margin-top: 0.8rem;
}
.slogan .top-caption abbr{
  white-space: nowrap;
}
.slogan h5.top-caption span {
  position: relative;
  display: block;
  overflow: hidden;
  height: 8rem;
}
.slogan .top-text {
  display: block;
  position: relative;
  padding-right: 2rem;
  display: inline-block;
}
.slogan .top-text > div {
  position: relative;
  overflow: hidden;
  height: 8rem;
}
.slogan .main-head {
  position: relative;
}
.text-circle > img {
  width: 100%;
  height: 100%;
  font-size: 3rem;
}
.intro-text-circle {
  position: absolute;
  right: -2rem;
  top: -2rem;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  padding: 0;
  margin: 0;
  width: 7rem;
  height: 7rem;
  line-height: 7rem;
  transform: rotate(30deg);
}
.slogan .text-circle-default > svg {
  width: 100%;
  line-height: 100%;
  height: 100%;
  font-size: 2rem;
}
.is-inview .intro-text-circle {
  opacity: 1;
  visibility: visible;
}
.work_widget {
  position: relative;
  z-index: 2;
  padding-top: 5rem;
  width: 100%;
  display: inline-block;
  min-height: 100vh;
}
.work_widget .container {
  position: relative;
  min-height: 100vh;
}
.work_widget .list ul {
  width: 100%;
  display: inline-block;
  padding: 1rem 0 2rem;
  position: relative;
}
.work_widget .list li {
  padding: 0.4rem 0;
  position: relative;
  z-index: 1;
}
.work_widget .list li a.menu__item {
  position: relative;
  z-index: 1;
  display: flex;
  font-size: 3.0rem;
  line-height: 1.4;
  width: 100%;
  padding: 0.8rem 0;
}
.work_widget .list li a .menu__item-text {
  width: 100%;
  max-width: 73%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.menu__item-textinner {
  width: 100%;
}
.work_widget a.view {
  float: right;
  color: #000;
  margin-top: 0;
  font-size: 1rem;
  opacity: 0;
  visibility: hidden;
  margin-top: 1rem;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.work_widget .is-inview > a.view {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.work_widget a.view .icon {
  display: inline-block;
  position: relative;
  width: 0.8rem;
}
.content_widget {
  position: relative;
  width: 100%;
  display: inline-block;
}
.resume_inner {
  width: 100%;
  display: inline-block;
  padding-top: 0;
}
.resume_inner h4 {
  font-size: 1.8rem;
  line-height: 1.4;
  width: 74%;
}
.resume_inner .resume_list {
  padding-top: 3rem;
  width: 100%;
  display: inline-block;
  color: var(--color-text);
}
.resume_inner .resume_list span.year {
  width: 540px;
  float: left;
  font-size: 1.6rem;
  line-height: 1.4;
  line-height: 1;
  padding-top: 0.2rem;
  color: var(--color-text);
}
.resume_inner .resume_list .small_query {
  width: calc(100% - 540px);
  float: left;
  color: var(--text-secondary);
  max-width: 46%;
}
.resume_inner .resume_list .small_query p {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 2;
}
.profession_widget {
  padding-top: 6rem;
}
.profession_widget .download_btn {
  position: relative;
  margin-top: 2rem;
}
.profession_widget .download {
  position: relative;
  padding: 20px 30px;
  width: 12rem;
  height: 4rem;
  z-index: 2;
  font-size: 1.2rem;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.profession_widget .download:before,
.profession_widget .download:after {
  content: "";
  border: 1px solid #000;
  z-index: 1;
  border-radius: 50%;
  display: block;
  margin: -4px 2px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.profession_widget .download:after {
  transform: rotate(14deg);
  -webkit-transform: rotate(24deg);
  -ms-transform: rotate(14deg);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.profession_widget .download:before {
  transform: rotate(-25deg);
  -webkit-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.profession_widget .is-inview > .download:after {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transition: transform 2.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.profession_widget .is-inview > .download:before {
  transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transition: transform 2.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.profession_widget .download:hover:after {
  transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.profession_widget .download:hover:before {
  transform: rotate(-14deg);
  -webkit-transform: rotate(-14deg);
  -ms-transform: rotate(-14deg);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.profession_widget .download .text,
.profession_widget .download .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  display: block;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.profession_widget .download .icon svg {
  width: 2rem;
}
.profession_widget .download .icon,
.profession_widget .download:hover .text {
  opacity: 0;
  visibility: hidden;
}
.profession_widget .download:hover .icon {
  opacity: 1;
  visibility: visible;
}
.contact_widget {
  padding-top: 2rem;
}
.section_contact {
  text-align: center;
  padding-top: 2rem;
}
.section_contact h3 {
  font-size: 5rem;
  margin-top: 6%;
  margin-bottom: 2%;
}
.section_contact h3 span {
  display: block;
  line-height: 1.2;
}
.section_contact span.email {
  display: inline-block;
  border-bottom: 1.5px solid var(--color-text);
  font-size: 1.6rem;
  margin-top: 0.2rem;
}
.section_contact span.email a {
  line-height: 1.8;
  color: var(--color-text);
}
.quickcontact_widget {
  text-align: center;
  padding-top: 0;
  position: relative;
  padding-bottom: 4rem;
}
.quickcontact_widget .contact_area {
  padding-bottom: 2rem;
  font-size: 2rem;
  margin-top: 1.8rem;
}
.quickcontact_widget .contact_number {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.4rem;
}
.quickcontact_widget .contact_number span,
.social_contact a {
  padding: 0 3rem;
  position: relative;
  font-size: 2.2rem;
}
.contact_number span:before{
	content: attr(data-txt);
	font-size: 0.5em;
	vertical-align: 30%;
	position: absolute;
	transform: rotate(-45deg) translateX(-30px) translateY(-30px);
}
.f-regular.shd-line span::before {
  content: '\2713';
  font-size: 0.8em;
	padding: 0.5em;
}
.contact_number span.in_numbr:after,
.social_contact a:after {
  content: "";
  position: absolute;
  right: -0.3rem;
  top: 50%;
  background: #000;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.social_contact a:last-child:after {
  display: none;
}
.quickcontact_widget .social_contact {
  display: flex;
  align-items: center;
  justify-content: center;
}
.quickcontact_widget .copyright {
  position: relative;
  font-size: 1rem;
}
.star {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-top: 2rem;
}
.star .icon {
  font-size: 1rem;
  width: 0.8rem;
  margin: 0 0.1rem;
}
.quickcontact_widget .copytext {
  font-size: 0.6rem;
  text-transform: uppercase;
}
.desk-hide {
  display: none !important;
}
@media screen and (max-width: 1064px) {
  .layout_inner {
    padding-right: 80px;
    padding-left: 80px;
  }
}
@media screen and (min-width: 992px) {
  header {
    height: 100px;
  }
  .bt-menu {
    display: flex;
    align-items: flex-end;
  }
  header.stick {
    height: 2rem;
  }
  .layout_inner {
    padding-right: 40px;
    padding-left: 40px;
  }
  .desk-hide {
    display: none !important;
  }
  .bt-menu {
    display: none;
  }
}
@media screen and (min-width: 1260px) {
  .layout_inner {
    padding-right: 70px;
    padding-left: 70px;
  }
}
@media screen and (min-width: 1460px) {
  .layout_inner {
    padding-right: 120px;
    padding-left: 120px;
  }
  header {
    padding: 2.6rem 0 1.6rem;
  }
  .logo .icon {
    width: 46px !important;
    height: 46px !important;
  }
}
@media screen and (max-width: 991px) {
  .header-inner {
    display: inline-block;
  }
  header {
    transition: all 0.2s ease-in-out;
    -moz-animation-duration: 0.25s;
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
  }
  header.stick {
    transition: all 0.4s ease-in-out;
    -moz-animation-duration: 0.25s;
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
  }
  html.is-ready header {
    transition-delay: 0;
  }
  .bt-menu {
    float: right;
  }
  .header-inner .nav-main {
    width: 100%;
    min-width: 100%;
    display: inline-block;
  }
  .header-inner .nav-main ul {
    display: inline-block;
  }
  .logo .icon {
    width: 30px;
    height: 30px;
  }
  body.open .logo .icon {
    fill: var(--primary-color);
  }
  body.open .logo-white {
    opacity: 1;
    visibility: visible;
    height: auto;
  }
  header {
    height: 2rem;
    overflow: hidden;
    padding: 1rem 0;
  }
  body.open header {
    height: 100%;
    background: var(--text-primary);
    display: flex;
    align-items: center;
  }
  body.open .bt-menu {
    color: #fff;
  }
  body.open .ico-menu i {
    background: var(--primary-color);
  }
  body.open .nav-main li a {
    color: var(--primary-color);
  }
  body.open .bt-menu:hover {
    color: var(--primary-color);
  }
  .work_widget,
  .work_widget .container {
    min-height: 100%;
  }
  .work_widget .list ul {
    padding: 1rem 0 2rem;
  }
  .nav-main li a {
    padding: 0;
  }
  .nav-main li {
    padding: 0.9rem 0;
  }
  .header-inner .nav-main ul {
    padding-top: 2rem;
  }
  .nav-main li.logo a {
    text-align: left;
    line-height: 1;
  }
  .c-summary_list li.logo {
    position: fixed;
    left: 26px;
    top: 0;
    padding: 0;
  }
  .work_widget .list li a.menu__item {
    font-size: 1.8rem;
  }
  .work_widget .list li a .menu__item-text {
    max-width: 90%;
  }
  .work_widget .list li a.menu__item {
    line-height: 1.2;
    padding: 0.6rem 0;
  }
  header {
    padding: 1.2rem 0;
  }
  header.stick {
    padding: 0.8rem 0;
  }
  .layout_inner {
    padding-right: 26px;
    padding-left: 26px;
  }
  .desk-hide {
    display: block !important;
  }
  .mob-hide {
    display: none !important;
  }
  .header-inner .container {
    display: inline-block;
    width: 100%;
  }
  .header_right {
    padding-left: 0;
  }
  .header_right .nav-main {
    opacity: 0;
    visibility: hidden;
    width: auto;
    z-index: 1001;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }
  .header_right.open-menu .nav-main {
    opacity: 1;
    visibility: visible;
    width: 100%;
    font-size: 1rem;
    line-height: 1;
    z-index: 200;
  }
  .header_right .mob-logo {
    opacity: 0;
    visibility: hidden;
  }
  .header_right.open-menu .mob-logo {
    opacity: 1;
    visibility: visible;
  }
  .nav-main li {
    width: 100%;
  }
  .nav-main li a {
    display: block;
    text-align: center;
    font-size: 3.4rem;
  }
  .slogan h1 {
    font-size: 6rem;
  }
  .intro-text-circle {
    position: absolute;
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    transform: rotate(20deg);
  }
  .section_contact h3 {
    font-size: 5rem;
  }
  .slogan .top-caption {
    line-height: 1.8;
    max-width: 260px;
    width: 100%;
    margin: 0 auto;
    margin-top: 0.9rem;
  }
  .resume_inner h4 {
    width: 100%;
    display: block;
  }
  .resume_inner .resume_list .small_query,
  .quickcontact_widget .social_contact {
    width: 100%;
    display: block;
    max-width: 100%;
  }
  .quickcontact_widget .contact_number {
    display: inline-block;
    width: 100%;
    max-width: 100%;
  }
  .quickcontact_widget .contact_number span,
  .social_contact a {
    display: block;
    width: 100%;
    padding: 0.4rem 0;
  }
  .quickcontact_widget .social_contact {
    margin-top: 0.8rem;
  }
  .work_widget .list li {
    font-size: 2rem;
    padding: 0.4rem 0;
  }
  .resume_inner .resume_list span.year {
    padding-bottom: 1.8rem;
  }
  .quickcontact_widget .contact_number span,
  .social_contact a {
    padding: 0.2rem 0;
    margin: 1.2rem 0;
    font-size: 1.6rem;
    line-height: 1;
  }
  .contact_number span.in_numbr:after,
  .social_contact a:after {
    left: 50%;
    top: inherit;
    bottom: -0.8rem;
    width: 0.35rem;
    height: 0.35rem;
    transform: translate(0, 0%);
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
  }
  .section_contact h3 {
    font-size: 2.6rem;
  }
  .section_contact {
    padding-top: 2.8rem;
  }
  .section_contact span.email {
    margin-top: 0.8rem;
  }
  .star .icon {
    width: 1rem;
  }
  .quickcontact_widget .copytext {
    margin-top: 0.8rem;
    font-size: 0.7rem;
  }
  .quickcontact_widget .copytext span {
    display: block;
  }
}
@media screen and (max-width: 580px) {
  .work_widget .list li a.menu__item {
    font-size: 1.5rem;
  }
  .work_widget .list li a .menu__item-text {
    max-width: 80%;
  }
  .logo {
    width: 42px;
  }
  .slogan h1 {
    font-size: 4.6rem;
  }
  .intro-text-circle {
    position: absolute;
		right: -1.7rem;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    transform: rotate(10deg);
  }
  .work_widget .list li {
    font-size: 1.6rem;
    padding: 0.2rem 0;
  }
}
@media screen and (max-width: 360px) {
  .slogan h1 {
    font-size: 4rem;
  }
  .intro-text-circle {
    width: 4rem;
    height: 4rem;
		top: -2rem;
		right: 0.1rem;
		transform: rotate(0deg);
  }
  .resume_inner h4 {
    font-size: 1.6rem;
  }
  .section_contact h3 {
    font-size: 2.2rem;
  }
  .section_contact span.email {
    font-size: 1.4rem;
  }
}

/*style.css*/
/******************************/
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0; z-index: 4;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.1rem 0.1rem 0;
  border-top-color: #000;
}

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 800px;
  padding: 0;
  color: #fff;
  text-align: center;
  background-color:transparent;
  border-radius: 0.25rem;
}

/*main.css*/
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}html:not(.has-scroll-init){cursor:wait;overflow:hidden}.o-h1{font-size:13.5vw}.o-layout_item{display:inline-block;width:100%;vertical-align:top;font-size:1rem;padding-left:0}.o-layout.-gutter>.o-layout_item{padding-left:3.75rem}.o-layout.-gutter-small>.o-layout_item{padding-left:1.875rem}.o-layout.-middle>.o-layout_item{vertical-align:middle}.o-layout.-bottom>.o-layout_item{vertical-align:bottom}.o-layout.-center>.o-layout_item,.o-layout.-reverse>.o-layout_item,.o-layout.-right>.o-layout_item{text-align:left}.o-layout.-reverse>.o-layout_item{direction:ltr}.o-checkbox-label,.o-label,.o-radio-label{display:block;margin-bottom:.9375rem}.o-input,.o-select,.o-textarea{padding:.625rem;border:1px solid #d3d3d3;background-color:#fff}.o-input:focus,.o-select:focus,.o-textarea:focus{border-color:grey}.o-input::-moz-placeholder,.o-select::-moz-placeholder,.o-textarea::-moz-placeholder{color:grey}.o-input:-ms-input-placeholder,.o-select:-ms-input-placeholder,.o-textarea:-ms-input-placeholder{color:grey}.o-input::placeholder,.o-select::placeholder,.o-textarea::placeholder{color:grey}.o-checkbox,.o-radio{position:absolute;width:0;opacity:0}.o-checkbox:focus+.o-checkbox-label:before,.o-checkbox:focus+.o-radio-label:before,.o-radio:focus+.o-checkbox-label:before,.o-radio:focus+.o-radio-label:before{border-color:grey}.o-checkbox:checked+.o-checkbox-label:after,.o-checkbox:checked+.o-radio-label:after,.o-radio:checked+.o-checkbox-label:after,.o-radio:checked+.o-radio-label:after{opacity:1}.o-checkbox-label,.o-radio-label{position:relative;display:inline-block;margin-right:.5em;padding-left:1.75rem}.o-checkbox-label:after,.o-checkbox-label:before,.o-radio-label:after,.o-radio-label:before{position:absolute;top:50%;left:0;display:inline-block;margin-top:-.5625rem;padding:0;width:1.125rem;height:1.125rem;content:""}.o-checkbox-label:before,.o-radio-label:before{background-color:#fff}.o-checkbox-label:after,.o-radio-label:after{border-color:transparent;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10.5'%3E%3Cpath fill='%23424242' d='M4.8 5.8L2.4 3.3 0 5.7l4.8 4.8L13 2.4 10.6 0 4.8 5.8z'/%3E%3C/svg%3E");background-position:50%;background-size:.8125rem;background-repeat:no-repeat;opacity:0}.o-radio-label:after,.o-radio-label:before{border-radius:50%}.o-radio-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Ccircle fill='%23424242' cx='6.5' cy='6.5' r='6.5'/%3E%3C/svg%3E");background-size:.5rem}.o-select{z-index:1;padding-right:2.5rem}.o-select,.o-select-wrap{position:relative}.o-select-wrap:after{position:absolute;top:0;right:0;bottom:0;z-index:2;width:2.5rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11.3'%3E%3Cpath fill='%23424242' d='M6.5 11.3L3.3 5.6 0 0h13L9.8 5.6z'/%3E%3C/svg%3E");background-position:50%;background-size:.625rem;background-repeat:no-repeat;content:"";pointer-events:none}.o-textarea{min-height:6.25rem}.o-button{position:relative;z-index:1;color:#fff;padding:2rem 2.1875rem;font-size:1.5rem;background-color:#272727;transition:color .3s cubic-bezier(.215,.61,.355,1);width:100%;text-align:left}.o-button:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1;transform:scaleY(0);transform-origin:center top;background-color:#fff;transition:transform .3s cubic-bezier(.215,.61,.355,1)}.o-button:focus,.o-button:hover{color:#272727}.o-button:focus:before,.o-button:hover:before{transform:scaleY(1);transform-origin:center bottom}.o-button_icon{display:inline-block;vertical-align:middle;width:3.4375rem;height:3.4375rem;margin-right:.9375rem}.o-button_icon svg{display:block;width:100%;height:100%}.o-button_arrow{position:absolute;top:50%;right:2.1875rem;transform:translateY(-50%)}.o-scroll{overflow:hidden}.o-title{margin:0;padding:2.5rem 0;perspective:600px;-webkit-perspective:600px}.o-title_line{display:block;opacity:0;transform-origin:center top;transform-style:preserve-3d;transform:translateY(100%) rotateX(-80deg);transition:opacity .8s cubic-bezier(.215,.61,.355,1),transform .8s cubic-bezier(.215,.61,.355,1);font-size:0}.o-title.is-inview .o-title_line{transform:none;opacity:1}.o-title.is-inview .o-title_line:first-child{transition-delay:.4s}.o-title.is-inview .o-title_line:nth-child(2){transition-delay:.5s}.o-title.is-inview .o-title_line:nth-child(3){transition-delay:.6s}.o-title.is-inview .o-title_line:nth-child(4){transition-delay:.7s}.o-title_line span{display:inline-block;min-width:.05em;font-size:13.5vw}.o-image_wrapper{position:relative;overflow:hidden;background-color:#d4c9c9}.o-image_wrapper.-full{height:100%;margin:0 6.25rem;display:flex;align-content:center}@media (max-width:699px){.o-image_wrapper.-full{margin:1.875rem 0}}.o-image{opacity:.75;mix-blend-mode:multiply}.o-image img{width:100%;opacity:0;transform:scale(1.4);transition:opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1)}.o-image.is-inview img{opacity:1;transform:scale(1);transition-delay:.6s}.o-image_wrapper.-full .o-image{align-self:center}html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh;position:relative;z-index:2}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}.c-header{position:relative}.c-header_title{padding:0;perspective:600px;-webkit-perspective:600px}.c-header_line{right:0;transform:scaleX(0);transition:transform .6s cubic-bezier(.215,.61,.355,1)}.c-header_line.is-inview{transform:scaleX(1)}.c-header_title_line{display:block;opacity:0;transform-origin:center top;transform-style:preserve-3d;transform:translateY(100%) rotateX(-80deg);transition:opacity 0 cubic-bezier(.215,.61,.355,1),transform 0 cubic-bezier(.215,.61,.355,1)}html.is-ready .c-header_title_line{transform:none;opacity:1;transition-duration:.8s}html.is-ready .c-header_title_line:first-child{transition-delay:.2s}html.is-ready .c-header_title_line:nth-child(2){transition-delay:.4s}html.is-ready .top-caption.c-header_title_line:first-child{transition-delay:1.4s}html.is-ready .top-caption.c-header_title_line:nth-child(2){transition-delay:1.4s}html.is-ready .c-header_title_line:nth-child(3){transition-delay:.3s}html.is-ready .c-header_title_line:nth-child(4){transition-delay:.4s}.c-header_title_line span{display:inline-block}.c-header_title_line.-version{text-transform:none;font-size:0}.c-header_heading{padding:1.875rem 0}.c-header_heading_label{display:block;transition:transform 0 cubic-bezier(.215,.61,.355,1);transform:translateY(-60px)}html.is-ready .c-header_heading_label{transform:none;transition-duration:.6s}html.is-ready .o-layout_item:nth-child(2) .c-header_heading_label{transition-delay:.1s}.w-100{width:100%}.relative{position:relative}.c-fixed_wrapper{position:relative;overflow:hidden;background-color:#d4c9c9}@media (min-width:1000px){.c-fixed_wrapper{height:100vh}}@media (max-width:999px){.c-fixed_wrapper{height:50vh}}.c-fixed_target{bottom:-100vh}.c-fixed,.c-fixed_target{position:absolute;top:-100vh;right:0;left:0}.c-fixed{height:100%;background-size:cover;background-position:50%;opacity:.75;mix-blend-mode:multiply}html:not(.has-scroll-smooth) .c-fixed{top:0}.c-intro{margin:7.5rem 0;font-size:2.1875rem;line-height:1.2;opacity:0;transform:translateY(60px);transition:opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1)}.c-intro.is-inview{opacity:1;transform:none;transition-delay:.3s}.c-features{padding:7.5rem 0}.c-features_item{background-color:rgba(0,0,0,.1);border-radius:20px;padding:3.75rem;margin-bottom:3.75rem}.c-summary{margin:3.75rem 0 7.5rem}.c-summary_text{font-size:1.125rem;font-weight:600;opacity:0;transform:translateY(60px);transition:transform 1s cubic-bezier(.215,.61,.355,1)}.c-summary.is-inview .c-summary_text{opacity:1;transform:none}.c-summary_list_item{position:relative;opacity:0;transform:translateY(120px);transition:opacity .8s cubic-bezier(.215,.61,.355,1),transform .8s cubic-bezier(.215,.61,.355,1)}.c-summary_list_item:after{content:"";position:absolute;bottom:0;left:0;z-index:2;height:.5px;background-color:#e4e4e4;transform:scaleX(0);transform-origin:center left;transition:transform 1.8s cubic-bezier(.215,.61,.355,1)}.c-summary_list_item.is-inview{transform:none;opacity:1}.c-summary_list_item.is-inview:after{transform:scaleX(1);right:0;transition:transform 1.8s cubic-bezier(.215,.61,.355,1)}.c-summary_list_item.is-inview:first-child{transition-delay:.1s}.c-summary_list_item.is-inview:first-child:after{transition-delay:.5s}.c-summary_list_item.is-inview:nth-child(2){transition-delay:.2s}.c-summary_list_item.is-inview:nth-child(2):after{transition-delay:.6s}.c-summary_list_item.is-inview:nth-child(3){transition-delay:.3s}.c-summary_list_item.is-inview:nth-child(3):after{transition-delay:.7s}.c-summary_list_item.is-inview:nth-child(4){transition-delay:.4s}.c-summary_list_item.is-inview:nth-child(4):after{transition-delay:.8s}.c-summary_list_item.is-inview:nth-child(5){transition-delay:.5s}.c-summary_list_item.is-inview:nth-child(5):after{transition-delay:.9s}.c-summary_list_item.is-inview:nth-child(6){transition-delay:.6s}.c-summary_list_item.is-inview:nth-child(6):after{transition-delay:1s}.c-summary_list_item a{display:block}.c-summary_list_icon{position:absolute;top:50%;right:0;transform:translateY(-50%) translateX(30px) rotate(90deg);opacity:0;transition:opacity .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1)}.c-summary_list_item.is-inview .c-summary_list_icon{transform:translateY(-50%) rotate(0deg);opacity:1}.c-summary_list_item.is-inview:first-child .c-summary_list_icon{transition-delay:.6s}.c-summary_list_item.is-inview:nth-child(2) .c-summary_list_icon{transition-delay:.7s}.c-summary_list_item.is-inview:nth-child(3) .c-summary_list_icon{transition-delay:.8s}.c-summary_list_item.is-inview:nth-child(4) .c-summary_list_icon{transition-delay:.9s}.c-summary_list_item.is-inview:nth-child(5) .c-summary_list_icon{transition-delay:1s}.c-summary_list_item.is-inview:nth-child(6) .c-summary_list_icon{transition-delay:1.1s}.c-section{position:relative}@media (max-width:1199px){.c-section{padding-bottom:10vh;margin-bottom:10vh}}@media (min-width:1200px){.c-section{margin-bottom:35vh}}.c-section_infos{position:relative;max-width:320px;z-index:0}@media (min-width:1000px){.c-section_infos{padding-top:7.5rem}.c-section_infos.-padding{padding-top:35vh}}@media (max-width:999px){.c-section_infos{margin-bottom:1.875rem}}.c-section_infos_inner>*{opacity:0;transform:translateY(60px);transition:opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1)}.c-section_infos_inner.is-inview>*{opacity:1;transform:none}.c-section_infos_inner.is-inview>:first-child{transition-delay:.06s}.c-section_infos_inner.is-inview>:nth-child(2){transition-delay:.12s}.c-section_infos_inner.is-inview>:nth-child(3){transition-delay:.18s}.c-sections_infos_text{margin-top:1.25rem}.c-image{opacity:0;transition:opacity .6s cubic-bezier(.215,.61,.355,1)}.c-image.is-inview{opacity:1;transition-delay:.6s}.c-speed-block{position:relative}@media (min-width:1000px){.c-speed-block.-margin{margin-top:7.5rem}}@media (max-width:999px){.c-speed-block{margin:1.875rem 0}}@media (max-width:699px){.c-speed-block{margin:15px 0}}.c-speed-block_image{margin-top:-30px;margin-bottom:-30px}.c-speed-block_title{font-size:1.5rem;text-transform:uppercase;font-weight:600;color:#fff;text-align:center;position:absolute;bottom:3.75rem;right:0;left:0;opacity:0;transform:translateY(60px);transition:opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1)}.c-speed-block_title.is-inview{opacity:1;transform:none;transition-delay:.3s}@media (max-width:1199px){.c-speed-block_title{display:none}}.c-speed-block_bubble{position:absolute;right:20px;top:30%;z-index:1;color:#d4c9c9;padding:1.5rem 2.5rem;font-size:1.25rem}.c-speed-block_bubble.-right{right:-30px}.c-speed-block_bubble.-left{right:auto;left:-30px}.c-speed-block_bubble.-top{top:-20%}.c-speed-block_bubble.-bottom{top:auto;bottom:0}.c-speed-block_bubble:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1;background-color:#272727;border-radius:50%;transform:scale(0);transition:transform .6s cubic-bezier(.17,.67,.3,1.33)}.c-speed-block_bubble.is-inview:before{transform:scale(1);transition-delay:.3s}@media (max-width:1199px){.c-speed-block_bubble{display:none}}.c-direction-block_wrapper{margin-bottom:31.25rem}@media (min-width:1200px){.c-direction-block_wrapper{min-height:180vh}}@media (min-width:1000px) and (max-width:1199px){.c-direction-block_wrapper{min-height:130vh}}@media (min-width:700px) and (max-width:999px){.c-direction-block_wrapper{min-height:100vh}}@media (max-width:699px){.c-direction-block_wrapper{min-height:70vh}}@media (min-width:1000px){.c-direction-block_wrapper{margin-top:-35vh}}.c-direction-block{position:absolute;right:0;left:0;z-index:1}@media (min-width:1200px){.c-direction-block{top:-50vh;bottom:-50vh}}@media (min-width:700px) and (max-width:1199px){.c-direction-block{top:-30vh;bottom:-50vh}}@media (max-width:699px){.c-direction-block{top:-15vh;bottom:0}}@media (min-width:1000px) and (max-width:1199px){.c-direction-block{margin-top:6.25rem}}@media (min-width:1200px){.c-direction-block{margin-top:18.75rem}}.c-direction-block_item{position:absolute;font-size:10vw;white-space:nowrap;font-weight:600;text-transform:uppercase;line-height:1}.c-direction-block_item span{display:block;background-color:#fff;white-space:nowrap;padding:0 20px}.c-direction-block_item.-one{top:33%;transform:translateX(-50vw) rotate(26deg)}.c-direction-block_item.-two{top:45%}.c-direction-block_item.-three{top:55%;transform:rotate(9deg)}.c-direction-block_item.-four{top:68%;transform:translateX(-50vw) rotate(-19deg)}.c-direction-block_item.-five{top:63%;transform:translateX(-10vw) rotate(3deg)}.c-lerp-block{font-weight:700;text-transform:uppercase;margin-bottom:10rem}@media (min-width:1000px){.c-lerp-block:not(:first-child){margin-top:3.75rem}}@media (max-width:999px){.c-lerp-block{margin-top:1.875rem}}.c-lerp-block_index{vertical-align:middle;color:#d4c9c9;width:3.75rem;height:2.8125rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;position:relative;z-index:1}.c-lerp-block_index:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1;background-color:#272727;border-radius:50%;transform:scale(0);transition:transform .6s cubic-bezier(.17,.67,.3,1.33)}.c-lerp-block_index.is-inview:before{transform:scale(1);transition-delay:.3s}.c-lerp-block_title{display:inline-block;vertical-align:middle;font-size:0;margin-left:1.25rem;line-height:1.1}.c-lerp-block_title.is-inview>span:not([data-scroll]){opacity:1;transform:none;transition-delay:.4s}.c-lerp-block_title>span:not([data-scroll]){opacity:0;transform:translateY(60px);transition:opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1)}.c-lerp-block_title span{display:inline-block;min-width:.3em}@media (max-width:699px){.c-lerp-block_title span{font-size:1.5625rem}}@media (min-width:700px){.c-lerp-block_title span{font-size:4.375rem}}.c-cta_line{margin:0;transform:scaleX(0);transition:transform .6s cubic-bezier(.215,.61,.355,1)}.c-cta_line.-margin{margin-bottom:30px}.c-cta_line.is-inview{transform:scaleX(1)}.c-cta_content{margin:3.75rem 0}.c-cta_content_text{max-width:520px}.c-cta_content_text>*{opacity:0;transform:translateY(60px);transition:opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1)}.c-cta_content_text>:not(:first-child){margin-top:1.875rem}.c-cta_content_text.is-inview>*{opacity:1;transform:none}.c-cta_content_text.is-inview>:first-child{transition-delay:.06s}.c-cta_content_text.is-inview>:nth-child(2){transition-delay:.12s}.c-cta_content_text.is-inview>:nth-child(3){transition-delay:.18s}.c-cta_button{opacity:0;transform:translateY(60px);transition:opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);margin-top:5.625rem}.c-cta_button.is-inview{opacity:1;transform:none}.c-cta_section{margin-bottom:11.25rem}.c-choochoo_item{padding:50vh 0;font-size:6.25rem}.c-choochoo_item span{display:block}.c-choochoo_item.-reverse span,html[data-direction=up] .c-choochoo_item span{transform:rotateY(180deg)}html[data-direction=up] .c-choochoo_item.-reverse span{transform:rotateY(0deg)}@media (max-width:1199px){.c-choochoo_item{display:none}}@media (max-width:999px){.c-damn{padding:150vh 0 0}}@media (min-width:1000px){.c-damn{padding:100vh 0 0}}.c-helicopter_wrapper{height:100%;position:relative;display:flex}.c-helicopter{align-self:center}.u-2\:1:before{padding-bottom:50%}.u-4\:3:before{padding-bottom:75%}.u-16\:9:before{padding-bottom:56.25%}.u-1\/1{width:100%!important}.u-1\/2{width:50%!important}.u-2\/2{width:100%!important}.u-1\/3{width:33.33333%!important}.u-2\/3{width:66.66667%!important}.u-3\/3{width:100%!important}.u-1\/4{width:25%!important}.u-2\/4{width:50%!important}.u-3\/4{width:75%!important}.u-4\/4{width:100%!important}.u-1\/5{width:20%!important}.u-2\/5{width:40%!important}.u-3\/5{width:60%!important}.u-4\/5{width:80%!important}.u-5\/5{width:100%!important}@media (min-width:700px){.u-1\/2\@from-small{width:50%}}@media (min-width:1000px){.u-1\/3\@from-medium{width:33.33333%}}@media (min-width:1000px){.u-1\/2\@from-medium{width:50%}}@media (min-width:1000px){.u-2\/5\@from-medium{width:40%}}@media (min-width:1000px){.u-3\/5\@from-medium{width:60%}}.u-float-left{float:left!important}.u-float-right{float:right!important}.u-text-center{text-align:center!important}.u-text-left{text-align:left!important}.u-text-right{text-align:right!important}.u-align-baseline{vertical-align:baseline!important}.u-align-bottom{vertical-align:bottom!important}.u-align-middle{vertical-align:middle!important}.u-align-top{vertical-align:top!important}.u-vertical-center{font-size:0}.u-vertical-center:before{display:inline-block;height:100%;content:"";vertical-align:middle}.u-vertical-center>*{display:inline-block;vertical-align:middle;font-size:1rem}.u-white{color:#fff}.u-label{font-size:1.5rem}.u-icon{font-family:Lucida Grande;font-size:1.125rem}.u-text{font-size:.875rem}.u-clearfix:after{display:block;clear:both;content:""}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:100%}[hidden][aria-hidden=false]{position:absolute;display:inherit;clip:rect(0,0,0,0)}[hidden][aria-hidden=false]:focus{clip:auto}.u-screen-reader-text{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);margin:0;padding:0;width:1px;height:1px;border:0}@media not print{.u-screen-reader-text\@screen{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);margin:0;padding:0;width:1px;height:1px;border:0}}.u-screen-reader-text.-focusable:active,.u-screen-reader-text.-focusable:focus{clip:auto;width:auto;height:auto}

/*base.css*/
/* Page Loader */
.js .loading::before,
.js .loading::after {
	content: '';
	position: fixed;
	z-index: 1000;
}
.js .loading::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-bg);
}
.js .loading::after {
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	opacity: 0.4;
	background: var(--color-link);
	animation: loaderAnim 0.7s linear infinite alternate forwards;
}
@keyframes loaderAnim {
	to {
		opacity: 1;
		transform: scale3d(0.5,0.5,1);
	}
}

.menu {
	padding: 0;
	width: 100%;
	position: relative;
    display: flex;
	flex-direction: column;
	text-align: left;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	counter-reset: menucounter;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1, 0, 1) !important;
}
.menu__item {
	flex: none;
	display: flex;
	position: relative;
}

.menu__item-text {
	position: relative;
	padding: 0.5rem;
	display: block;
	overflow: hidden;

}

.js .menu__item-textinner {
	transform: translateY(100%);
}


.menu__item-sub {
	display: none;
	white-space: nowrap;
	align-items: center;
	position: relative;
	margin-left: 2rem;
	padding-left: 3rem; font-size: 1rem;
	opacity: 0;
	transform: translateX(-1rem);
	transition: transform 0.3s, opacity 0.3s;
}

.menu__item:hover .menu__item-sub {
	opacity: 1;
	transform: translateX(0);
}

.menu__item-sub::before {
	content: '';
	position: absolute;
	left: 0;
	top: 15%;
	width: 1px;
	height: 70%;
	background: currentColor;
	transform-origin: 0 100%;
	transform: rotate(22.5deg) scale3d(1,0,1);
	transition: transform 0.3s;
}

.menu__item:hover .menu__item-sub::before {
	transform: rotate(22.5deg) scale3d(1,1,1);
}

.hover-reveal {
	position: absolute;
	z-index: -1;
	width: 720px;
	height: 405px;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
}

.hover-reveal__inner {
	overflow: hidden;
}

.hover-reveal__inner,
.hover-reveal__img {
	width: 100%;
	height: 100%;
	position: relative;
}

.hover-reveal__img {
	background-size: cover;
	background-position: 50% 50%;
}

.cursor {
	display: none;
}
.credits {
	align-self: flex-start;
	padding: 5rem 0 0 0;
}
.credits a {
	text-decoration: underline;
}

@media screen and (min-width: 53em) {
	.menu__item {
    	justify-content: initial;
    }
	.menu__item-text {
		padding: 0;
	}
	.menu__item-sub {
		display: flex;
	}
}

@media (any-pointer: fine) {
}

/*! locomotive-scroll v3.5.4 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
	overflow: hidden; 
}
  
html.has-scroll-dragging {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
  
.has-scroll-smooth body {
	overflow: hidden; 
}
  
.has-scroll-smooth [data-scroll-container] {
	min-height: 100vh; 
}
  
.c-scrollbar {
	position: absolute;
	right: 0;
	top: 0;
	width: 11px;
	height: 100vh;
	transform-origin: center right;
	transition: transform 0.3s, opacity 0.3s;
	opacity: 0; 
}
.c-scrollbar:hover {
	transform: scaleX(1.45); 
}
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
	opacity: 1; 
}
  
.c-scrollbar_thumb {
	position: absolute;
	top: 0;
	right: 0;
	background-color: black;
	opacity: 0.5;
	width: 7px;
	border-radius: 10px;
	margin: 2px;
	cursor: -webkit-grab;
	cursor: grab; 
}
.has-scroll-dragging .c-scrollbar_thumb {
	cursor: -webkit-grabbing;
	cursor: grabbing; 
}
@media screen and (min-width: 1460px) {
	.hover-reveal {
		width: 960px;
		height: 540px;
	}
}
@media screen and (max-width: 991px) {
    .menu__item-text{
        padding-left: 0;
    }
}
@media screen and (min-width: 580px) and (max-width: 991px) {
    .hover-reveal{
        width: 480px;
				height: 270px;
    }
}
@media screen and (max-width: 580px) {
    .hover-reveal{
        display: none;
    }
}