@font-face {
  font-family: Romie;
  src: url('../fonts/Romie-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Romie;
  src: url('../fonts/Romie-Heavy.woff2') format("woff2"), url('../fonts/Romie-Black.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Romie;
  src: url('../fonts/Romie-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Romie;
  src: url('../fonts/Romie-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Romie;
  src: url('../fonts/Romie-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Romie;
  src: url('../fonts/Romie-Italic.woff2') format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ppmori;
  src: url('../fonts/PPMori-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ppmori;
  src: url('../fonts/PPMori-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ppmori;
  src: url('../fonts/PPMori-SemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --colours--off-black: #18181e;
  --fonts--body: Romie, Georgia, sans-serif;
  --colours--off-white: #f2efe7;
  --font-sizes--body: 1rem;
  --fonts--header-font: Romie, Georgia, sans-serif;
  --font-sizes--h1: 2rem;
  --font-sizes--h2: 1.6rem;
  --font-sizes--h3: 1rem;
  --font-sizes--h4: 1rem;
  --fonts--captions: Ppmori, Arial, sans-serif;
  --font-sizes--h5: .7rem;
  --colours--red: #ef2222;
  --page-sizes--nav-height: var(--page-sizes--page-boarder);
  --colours--transparent: #f2efe700;
  --page-sizes--page-margin: 128px;
  --page-sizes--page-boarder: 64px;
  --colours--thin-lines-on-white: #d5d2ca;
  --colours--thin-lines-on-black: #2f2f36;
  --section-sizes--section-margin-default: 64px;
  --section-sizes--section-padding: 64px;
  --spacer--spacer-small: 32px;
  --section-sizes--section-margin-large: 96px;
  --spacer--spacer-x-small: 16px;
  --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
  --colours--cream-panel: #f2efe7cc;
  --page-sizes--mob-100svh-nav-height: calc(100vh - var(--page-sizes--nav-height));
  --section-sizes--section-margin-small: 32px;
  --spacer--spacer-tiny: 8px;
  --fonts--japanese: "BIZ UDMincho", sans-serif;
  --spacer--spacer-medium: 64px;
  --page-sizes--body-max-width: 800px;
  --pano-image: 45%;
  --page-sizes--body-max-width-lrg: 1200px;
  --colours--black-panel: #18181ee6;
  --spacer--spacer-x-large: 128px;
  --spacer--spacer-large: 96px;
  --fonts--japanese-english: Romie, Georgia, sans-serif;
  --landscape-image: 65%;
  --colours--blur: 10px;
  --page-sizes--page-max-width: 1800px;
  --swiper-parallax--swiper-parallax-image: 250;
  --swiper-parallax--swiper-parallax-text: -150;
  --swiper-parallax--swiper-opacity: 0;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--colours--off-black);
  font-family: var(--fonts--body);
  color: var(--colours--off-white);
  font-size: var(--font-sizes--body);
  font-weight: 300;
  line-height: 1.5;
}

h1 {
  font-family: var(--fonts--header-font);
  font-size: var(--font-sizes--h1);
  letter-spacing: 10px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.2;
}

h2 {
  font-family: var(--fonts--header-font);
  font-size: var(--font-sizes--h2);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.1;
}

h3 {
  font-family: var(--fonts--header-font);
  font-size: var(--font-sizes--h3);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.2;
}

h4 {
  font-family: var(--fonts--header-font);
  font-size: var(--font-sizes--h4);
  letter-spacing: .3px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.5;
}

h5 {
  font-family: var(--fonts--captions);
  font-size: var(--font-sizes--h5);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1;
}

a {
  color: var(--colours--red);
  text-decoration: none;
}

.matiers-grid--container {
  background-color: var(--colours--off-black);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.matiers-grid--container.cream {
  background-color: var(--colours--off-black);
}

.matiers--item-2 {
  outline-color: var(--colours--off-black);
  outline-offset: -3px;
  outline-width: 3px;
  outline-style: none;
  width: 50%;
  height: 33.33%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.matiers--item-2.cream {
  background-color: var(--colours--off-white);
}

.matiers--item-1 {
  outline-color: var(--colours--off-black);
  outline-offset: -3px;
  outline-width: 6px;
  outline-style: none;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 33.33%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: clip;
}

.matiers--item-1.cream {
  background-color: var(--colours--off-white);
}

.matiers--item-1.hide {
  display: none;
}

.matiers--item-3 {
  outline-color: var(--colours--off-black);
  outline-offset: -3px;
  outline-width: 6px;
  outline-style: none;
  width: 25%;
  height: 66.66%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.matiers--item-3.cream {
  background-color: var(--colours--off-white);
}

.matiers--item-4 {
  outline-color: var(--colours--off-black);
  outline-offset: -3px;
  outline-width: 6px;
  outline-style: none;
  width: 50%;
  height: 33.33%;
  position: absolute;
  inset: 33.33% auto auto 25%;
}

.matiers--item-5 {
  outline-color: var(--colours--off-black);
  outline-offset: -3px;
  outline-width: 6px;
  outline-style: none;
  width: 50%;
  height: 33.33%;
  position: absolute;
  inset: auto 25% 0% auto;
}

.matiers--item-6 {
  outline-color: var(--colours--off-black);
  outline-offset: -3px;
  outline-width: 6px;
  outline-style: none;
  width: 25%;
  height: 66.66%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.code-embed {
  display: none;
}

.navbar {
  height: var(--page-sizes--nav-height);
  background-color: var(--colours--off-white);
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar.black-bg {
  background-color: var(--colours--off-black);
}

.container {
  flex: 1;
  max-width: none;
}

.menu-button {
  z-index: 10;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.menu-button.w--open {
  z-index: 10;
  background-color: var(--colours--transparent);
}

.brand {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.burger--icon {
  flex-flow: column;
  justify-content: space-between;
  width: 25px;
  min-width: 25px;
  height: 16px;
  min-height: 16px;
  display: flex;
  position: relative;
}

.buger--line {
  border-top: 1px solid var(--colours--red);
  width: 100%;
  height: 0;
}

.burger--wrapper {
  width: var(--page-sizes--page-boarder);
  height: var(--page-sizes--page-boarder);
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon--image {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

._100vh-padding--wrapper {
  min-height: calc(100vh - var(--page-sizes--page-boarder));
  flex-flow: column;
  width: 100vw;
  display: flex;
  position: relative;
}

._100vh-padding--wrapper.sticky {
  top: var(--page-sizes--nav-height);
  min-height: calc(100vh - var(--page-sizes--page-boarder));
  position: sticky;
}

.boarder {
  z-index: 10;
  background-color: var(--colours--thin-lines-on-white);
  width: 1px;
  position: absolute;
}

.boarder.left {
  left: var(--page-sizes--page-boarder);
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: auto;
}

.boarder.right {
  top: 0%;
  left: auto;
  right: var(--page-sizes--page-boarder);
  position: absolute;
  bottom: 0%;
}

.boarder.top {
  width: auto;
  height: 1px;
  position: absolute;
  inset: -1px 0% auto;
}

.boarder.top.on-black.footer {
  margin-top: -1px;
}

.boarder.bottom {
  width: auto;
  height: 1px;
  inset: auto 0% 0;
}

.boarder.bottom.nav {
  inset: auto 0% -1px;
}

.boarder.on-black {
  background-color: var(--colours--thin-lines-on-black);
}

.boarder.nav-boarder {
  height: calc(100% - var(--page-sizes--nav-height));
  inset: auto 0% 0% auto;
}

.icon--wrapper {
  width: var(--page-sizes--page-boarder);
  height: var(--page-sizes--page-boarder);
  justify-content: center;
  align-items: center;
  display: flex;
}

.boarder--wrapper {
  width: 0;
  height: 0;
}

.boarder--wrapper.nav {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
}

.widget--text--image--5050 {
  margin-bottom: var(--section-sizes--section-margin-default);
  height: 130vh;
  position: relative;
}

._5050--wrapper {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.text--image-5050--grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
}

.auto-image--wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block--wrapper {
  padding: var(--section-sizes--section-padding) var(--page-sizes--page-margin);
  grid-column-gap: var(--spacer--spacer-small);
  grid-row-gap: var(--spacer--spacer-small);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cover-image {
  opacity: 1;
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.cover-image.roll-over {
  z-index: 0;
}

.cover-image.roll-over.bottom {
  object-position: 50% 100%;
}

.cover-image.roll-over.left {
  object-position: 0% 0%;
}

.cover-image.parallax {
  width: 110%;
  min-width: 110%;
  max-width: 110%;
  height: 110%;
  min-height: 110%;
  inset: 0%;
}

.cover-image.parallax.dhavall {
  object-position: 50% 60%;
}

.cover-image.matiers {
  z-index: 1;
  -webkit-backdrop-filter: grayscale();
  backdrop-filter: grayscale();
}

.cover-image.matiers.bottom {
  object-position: 50% 100%;
}

.cover-image.matiers.left {
  object-position: 0% 0%;
}

.cover-image.dg-home {
  object-position: 50% 30%;
}

.cover-image.right-scroll-2 {
  z-index: 0;
  mix-blend-mode: multiply;
}

.cover-image.right-scroll {
  z-index: 0;
}

.cover-image.top {
  object-position: 50% 0%;
}

.cover-image.paper {
  object-position: 50% 70%;
}

.cover-image.dhavall {
  object-position: 50% 80%;
}

.text-block--container {
  grid-column-gap: var(--spacer--spacer-x-small);
  grid-row-gap: var(--spacer--spacer-x-small);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 440px;
  display: flex;
}

.text-block--container.gratitude {
  max-width: 500px;
}

.text-block--container.enquiries {
  max-width: 260px;
}

.text-block--container.vision {
  max-width: 410px;
}

.divider {
  z-index: 2;
  border-bottom: 1px solid var(--colours--red);
  width: 30px;
  position: relative;
}

.cream--bg {
  background-color: var(--colours--off-white);
  color: var(--colours--off-black);
}

.cream--bg:lang(ja) {
  --colours--off-black: #18181e;
  --fonts--body: "BIZ UDMincho", sans-serif;
  --colours--off-white: #f2efe7;
  --font-sizes--body: 1rem;
  --fonts--header-font: "BIZ UDMincho", sans-serif;
  --font-sizes--h1: 2rem;
  --font-sizes--h2: 1.6rem;
  --font-sizes--h3: 1rem;
  --font-sizes--h4: 1rem;
  --fonts--captions: Ppmori, Arial, sans-serif;
  --font-sizes--h5: .7rem;
  --colours--red: #ef2222;
  --page-sizes--nav-height: var(--page-sizes--page-boarder);
  --colours--transparent: #f2efe700;
  --page-sizes--page-margin: 128px;
  --page-sizes--page-boarder: 64px;
  --colours--thin-lines-on-white: #d5d2ca;
  --colours--thin-lines-on-black: #2f2f36;
  --section-sizes--section-margin-default: 64px;
  --section-sizes--section-padding: 64px;
  --spacer--spacer-small: 32px;
  --section-sizes--section-margin-large: 96px;
  --spacer--spacer-x-small: 16px;
  --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
  --colours--cream-panel: #f2efe7cc;
  --page-sizes--mob-100svh-nav-height: calc(100vh - var(--page-sizes--nav-height));
  --section-sizes--section-margin-small: 32px;
  --spacer--spacer-tiny: 8px;
  --fonts--japanese: "BIZ UDMincho", sans-serif;
  --spacer--spacer-medium: 64px;
  --page-sizes--body-max-width: 900px;
  --pano-image: 45%;
  --page-sizes--body-max-width-lrg: 1200px;
  --colours--black-panel: #18181ee6;
  --spacer--spacer-x-large: 128px;
  --spacer--spacer-large: 96px;
  --fonts--japanese-english: Romie, Georgia, sans-serif;
  --landscape-image: 65%;
  --colours--blur: 10px;
  --page-sizes--page-max-width: 1800px;
  --swiper-parallax--swiper-parallax-image: 250;
  --swiper-parallax--swiper-parallax-text: -150;
  --swiper-parallax--swiper-opacity: 0;
}

.widget--right-scroll.sticky--2-page {
  margin-bottom: var(--section-sizes--section-margin-default);
}

.right-scroll--wrapper {
  height: 700vh;
  position: relative;
}

.right-scroll--wrapper._2-page {
  height: 300vh;
}

.right-scroll--camera {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.right-scroll--slide--wrapper {
  display: flex;
}

.right-scroll--slide--wrapper.non-stick {
  grid-column-gap: var(--section-sizes--section-margin-default);
  grid-row-gap: var(--section-sizes--section-margin-default);
  flex-flow: column;
  min-height: 130vh;
}

.right-scroll--slide {
  top: var(--page-sizes--nav-height);
  min-height: var(--page-sizes--desk-100vh-nav-height);
  background-color: var(--colours--off-white);
  justify-content: flex-end;
  align-items: flex-end;
  width: 100vw;
  min-width: 100vw;
  display: flex;
  position: sticky;
}

.right-scroll--slide.dark {
  background-color: var(--colours--off-black);
  color: var(--colours--off-white);
}

.swiper-container {
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}

.swiper-slide {
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}

.swiper-slide--wrapper {
  padding-top: var(--page-sizes--nav-height);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.swiper-slide--wrapper.nav--offset {
  padding-top: var(--page-sizes--nav-height);
  justify-content: center;
  align-items: flex-start;
}

.nav-menu {
  z-index: 9;
  padding-top: var(--page-sizes--nav-height);
  background-color: var(--colours--off-white);
  flex-flow: column;
  justify-content: space-between;
  width: 260px;
  height: 100vh;
  max-height: 100vh;
  display: flex;
  inset: 0% auto 0% 0%;
}

.nav-link {
  border-top: 1px solid var(--colours--thin-lines-on-white);
  font-family: var(--fonts--header-font);
  font-size: var(--font-sizes--h3);
  text-align: center;
  letter-spacing: .3px;
  width: 100%;
  max-width: 100%;
}

.nav-link.w--current {
  color: var(--colours--red);
}

._100vh--header--wrapper {
  z-index: 1;
  padding-top: var(--page-sizes--nav-height);
  flex-flow: column;
  width: 100vw;
  height: 100vh;
  min-height: 800px;
  display: flex;
  position: relative;
}

.swiper-slide--text--wrapper {
  z-index: 10;
  max-height: var(--page-sizes--mob-100svh-nav-height);
  min-height: var(--page-sizes--mob-100svh-nav-height);
  padding: var(--section-sizes--section-padding) var(--page-sizes--page-boarder);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.swiper-slide--text--wrapper.dhavall {
  color: var(--colours--off-white);
  justify-content: center;
  align-items: flex-start;
}

.home-header--text--container {
  z-index: 2;
  grid-column-gap: var(--spacer--spacer-small);
  grid-row-gap: var(--spacer--spacer-small);
  text-align: center;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 275px;
  display: flex;
  position: relative;
}

.home-header--logo {
  width: 100%;
  max-width: 220px;
}

.video--background--wrapper {
  z-index: -999;
  width: 1000%;
  height: 100%;
  padding-bottom: 56.25%;
  position: absolute;
}

.video-background--embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video--background {
  z-index: 1;
  opacity: 1;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.swiper--100vh--wrapper {
  min-height: var(--page-sizes--desk-100vh-nav-height);
  flex-flow: column;
  width: 100vw;
  display: flex;
  position: relative;
}

.page-header--text--container {
  grid-column-gap: var(--spacer--spacer-x-small);
  grid-row-gap: var(--spacer--spacer-x-small);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 430px;
  display: flex;
  position: relative;
}

.page-header--text--container.metiers {
  max-width: 430px;
}

.page-header--text--container.maison {
  max-width: 390px;
}

.on-black {
  border-color: var(--colours--thin-lines-on-black);
  color: var(--colours--off-white);
}

.page-header {
  margin-bottom: var(--section-sizes--section-margin-default);
  position: relative;
}

.page-header--padding {
  padding-right: var(--page-sizes--page-margin);
  padding-bottom: var(--section-sizes--section-margin-large);
  padding-left: var(--page-sizes--page-margin);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.page-header--text--wrapper {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
}

.widget--kando-name {
  margin-bottom: var(--section-sizes--section-margin-default);
  position: relative;
}

.kando-name--wrapper {
  padding-right: var(--page-sizes--page-boarder);
  padding-left: var(--page-sizes--page-boarder);
  flex-flow: column;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.kando-name--container {
  z-index: 2;
  flex: 1;
  display: flex;
  position: relative;
}

.kando-name--header--wrapper {
  padding: var(--spacer--spacer-small);
  border-right: 1px solid var(--colours--thin-lines-on-white);
  border-left: 1px solid var(--colours--thin-lines-on-white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  min-height: 460px;
  display: flex;
}

.kando-name--text--wrapper {
  padding: var(--section-sizes--section-margin-large) var(--page-sizes--page-boarder);
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.kando-name--text {
  font-family: var(--fonts--japanese);
  text-align: center;
  word-break: break-all;
  width: 50px;
  font-size: 4rem;
  font-weight: 300;
  line-height: 1.6;
}

.kando-name--icon--wrapper {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% -30px;
}

.kando-name--icon {
  width: 60px;
  height: 60px;
}

.matiers-grid--wrapper {
  padding: var(--page-sizes--page-boarder);
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.widget--matiers-grid {
  margin-bottom: var(--section-sizes--section-margin-default);
  color: var(--colours--off-white);
  height: 130vh;
  position: relative;
}

.widget--matiers-grid.cream {
  color: var(--colours--off-black);
}

.right-scroll--panel--wrapper {
  z-index: 1;
  padding: var(--page-sizes--page-boarder);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.right-scroll--panel--wrapper._1 {
  justify-content: flex-start;
  align-items: stretch;
  inset: 0% 0% 0% auto;
}

.right-scroll--panel--wrapper._2 {
  z-index: 4;
  inset: auto 0% 0% auto;
}

.right-scroll--panel--text--wrapper {
  padding: var(--spacer--spacer-medium);
  grid-column-gap: var(--spacer--spacer-x-small);
  grid-row-gap: var(--spacer--spacer-x-small);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-height: 100%;
  display: flex;
  overflow: auto;
}

.right-scroll--panel {
  z-index: 1;
  background-color: var(--colours--off-white);
  justify-content: flex-start;
  align-items: center;
  width: 450px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.matiers--body {
  max-width: var(--page-sizes--body-max-width);
  grid-column-gap: var(--spacer--spacer-small);
  grid-row-gap: var(--spacer--spacer-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-height: 100%;
  display: flex;
  overflow: visible;
}

.matiers--popup-page {
  padding: var(--section-sizes--section-margin-default) var(--page-sizes--page-boarder);
  grid-column-gap: var(--spacer--spacer-medium);
  grid-row-gap: var(--spacer--spacer-medium);
  color: var(--colours--off-white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: auto;
}

.matiers--close {
  z-index: 6;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  display: flex;
  position: absolute;
  inset: 16px auto auto 16px;
}

.close-btn--line {
  border-top: 1px solid var(--colours--red);
  width: 100%;
  height: 0%;
  position: absolute;
  transform: rotate(45deg);
}

.close-btn--line.flip {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(45deg);
}

.matiers--open {
  z-index: 3;
  background-color: var(--colours--red);
  opacity: 0;
  cursor: pointer;
  display: none;
  position: absolute;
  inset: 0%;
}

.matiers--open.w--current {
  z-index: 5;
  display: none;
}

.matiers--text {
  grid-column-gap: var(--spacer--spacer-x-small);
  grid-row-gap: var(--spacer--spacer-x-small);
  text-align: center;
  flex-flow: column;
  display: flex;
}

.dg-slider {
  z-index: 3;
  min-height: var(--page-sizes--desk-100vh-nav-height);
  background-color: var(--colours--transparent);
  justify-content: center;
  align-items: center;
  width: 100%;
}

.dg-left-arrow {
  width: var(--page-sizes--page-boarder);
  background-color: var(--colours--off-white);
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.slide-nav {
  justify-content: center;
  align-items: center;
  font-size: .5rem;
  display: flex;
  bottom: 50px;
}

.dg-right-arrow {
  width: var(--page-sizes--page-boarder);
  background-color: var(--colours--off-white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.dg-slide {
  width: 33.33%;
}

.dg-slide--wrapper {
  padding-top: var(--section-sizes--section-margin-large);
  padding-bottom: var(--section-sizes--section-margin-large);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.dg-slide--text--wrapper {
  z-index: 2;
  padding-right: var(--spacer--spacer-small);
  padding-left: var(--spacer--spacer-small);
  grid-column-gap: var(--spacer--spacer-x-small);
  grid-row-gap: var(--spacer--spacer-x-small);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  max-width: 400px;
  min-height: 200px;
  display: flex;
  position: relative;
}

.sg-slider--line {
  border-bottom: 1px solid var(--colours--thin-lines-on-white);
  flex: 1;
}

.field-label {
  font-family: var(--fonts--captions);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: .7rem;
  font-weight: 400;
}

.text-field {
  border: 1px solid var(--colours--thin-lines-on-black);
  background-color: var(--colours--transparent);
  max-width: 100%;
  height: 40px;
  margin-bottom: 0;
}

.text-field.message {
  color: var(--colours--off-white);
  min-width: 100%;
  height: auto;
  min-height: 130px;
}

.field--wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.submit-button {
  background-color: var(--colours--thin-lines-on-black);
  font-family: var(--fonts--captions);
  letter-spacing: 2px;
  text-transform: uppercase;
  height: 40px;
  padding: 2px 0 0;
  font-size: .7rem;
  font-weight: 400;
  line-height: 1;
}

.submit-button:hover {
  background-color: var(--colours--red);
}

.grid {
  width: 100%;
  max-width: 500px;
}

.form-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.form-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer {
  position: relative;
}

.footer--portal--wrapper {
  padding: var(--section-sizes--section-margin-default) var(--page-sizes--page-margin);
  border-bottom: 1px solid var(--colours--thin-lines-on-white);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer--portal--wrapper.on-black {
  border-bottom-color: var(--colours--thin-lines-on-black);
}

.footer--nav--wrapper {
  padding-right: var(--page-sizes--page-boarder);
  padding-left: var(--page-sizes--page-boarder);
  display: flex;
}

.footer--col {
  padding: var(--spacer--spacer-small);
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  min-width: 25%;
  display: flex;
}

.footer--col._2-col {
  border-right: 1px solid var(--colours--thin-lines-on-white);
  border-left: 1px solid var(--colours--thin-lines-on-white);
  flex: 1;
}

.footer--col._2-col.on-black {
  border-top-style: none;
  border-right-color: var(--colours--thin-lines-on-black);
  border-left-color: var(--colours--thin-lines-on-black);
}

.footer--col.logo {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.footer--col.logo--column {
  justify-content: center;
  align-items: center;
}

.footer--logo {
  width: 100%;
  max-width: 140px;
}

.footer--link {
  color: var(--colours--off-black);
  white-space: nowrap;
}

.footer--link:hover, .footer--link.w--current {
  color: var(--colours--red);
}

.footer--link.on-black {
  color: var(--colours--off-white);
}

.footer--link.on-black:hover, .footer--link.on-black.w--current {
  color: var(--colours--red);
}

.footer--link--grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
}

.footer--link--grid._2-col {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
}

.footer--link--grid._2-col:lang(ja) {
  grid-row-gap: 12px;
}

.footer--portal--container {
  grid-column-gap: var(--spacer--spacer-medium);
  grid-row-gap: var(--spacer--spacer-medium);
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.footer--portal--grid {
  grid-column-gap: var(--spacer--spacer-small);
  grid-row-gap: var(--spacer--spacer-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.footer--portal--link {
  padding-top: var(--spacer--spacer-x-small);
  padding-right: var(--page-sizes--page-boarder);
  padding-left: var(--page-sizes--page-boarder);
  grid-column-gap: var(--spacer--spacer-x-small);
  grid-row-gap: var(--spacer--spacer-x-small);
  border-top: 1px solid var(--colours--thin-lines-on-white);
  color: var(--colours--off-black);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer--portal--link:hover {
  color: var(--colours--red);
}

.footer--portal--link.on-black {
  border-top-color: var(--colours--thin-lines-on-black);
  color: var(--colours--off-white);
}

.footer--portal--link.on-black:hover, .text--red {
  color: var(--colours--red);
}

.right-scroll--50-image {
  width: 50%;
  height: 100%;
  position: relative;
}

.text--bold {
  font-weight: 600;
}

.page-header--image--wrapper {
  z-index: 1;
  flex: 1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.slider--arrow {
  width: 20px;
}

.matiers--popup-page--wrapper {
  z-index: 4;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.matiers--card--header {
  z-index: 3;
  color: var(--colours--off-white);
  position: absolute;
  inset: 16px auto auto 16px;
}

.sticky--wrapper {
  position: sticky;
  top: 0;
}

.matiers--intro {
  max-width: var(--page-sizes--body-max-width);
  text-align: center;
  display: block;
}

.image--pano {
  padding-top: var(--pano-image);
  width: 100%;
  position: relative;
}

.matiers--header--image {
  max-width: var(--page-sizes--body-max-width-lrg);
  width: 100%;
}

.matiers--bg--blur {
  z-index: 2;
  -webkit-backdrop-filter: grayscale() blur(20px);
  backdrop-filter: grayscale() blur(20px);
  background-color: #18181eb5;
  position: absolute;
  inset: 0%;
}

.matiers--bg--blur.cream {
  background-color: var(--colours--cream-panel);
}

.matiers--header {
  text-align: center;
}

.matiers--image--grid {
  grid-column-gap: var(--spacer--spacer-small);
  grid-row-gap: var(--spacer--spacer-small);
  grid-template-rows: auto;
  width: 100%;
}

.image--landscape {
  padding-top: 65%;
  position: relative;
}

.header--image.maison {
  opacity: 1;
  width: 80%;
  max-width: 1300px;
  position: relative;
  transform: translate(-15%, 15%);
}

.header--image.crane {
  width: 35%;
  min-width: 430px;
  max-width: 650px;
  position: absolute;
  inset: auto -3% 0% auto;
}

.header--image.dragon {
  opacity: 1;
  width: 37%;
  min-width: 400px;
  max-width: 650px;
  position: absolute;
  inset: 10% 0% auto auto;
}

.matiers--divider {
  background-color: var(--colours--thin-lines-on-white);
  width: 100%;
  height: 1px;
  position: relative;
}

.header--stamp {
  left: auto;
  top: var(--page-sizes--page-boarder);
  right: var(--page-sizes--page-margin);
  opacity: .9;
  width: 40px;
  display: none;
  position: absolute;
  bottom: auto;
}

.header--stamp.left {
  left: var(--page-sizes--page-margin);
  top: var(--page-sizes--page-boarder);
  bottom: auto;
  right: auto;
}

.creations--text--container {
  grid-column-gap: var(--spacer--spacer-x-small);
  grid-row-gap: var(--spacer--spacer-x-small);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 480px;
  display: flex;
  position: relative;
}

.widget--sticky-text {
  margin-bottom: var(--section-sizes--section-margin-default);
}

.sticky-text--wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  height: auto;
  display: flex;
}

.div-block-10 {
  padding: var(--section-sizes--section-padding) var(--page-sizes--page-boarder);
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.creations--sticky-text--image--wrapper {
  grid-column-gap: var(--spacer--spacer-x-small);
  grid-row-gap: var(--spacer--spacer-x-small);
  flex-flow: column;
  width: 50%;
  display: flex;
}

.creations--sticky-text--image--wrapper.multiply {
  mix-blend-mode: multiply;
}

.creations--sticky-text--image {
  width: 100%;
  padding-top: 65%;
  position: relative;
}

.logo--wrapper {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.logo {
  width: 140px;
}

.header--stamp--css {
  border: 2px solid var(--colours--red);
  color: var(--colours--red);
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 4px 2px;
}

.header--stamp--txt {
  font-family: var(--fonts--japanese);
  font-size: 2rem;
  line-height: .95;
}

.logo--link--wrapper {
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.text-illustration--text--wrapper {
  z-index: 2;
  grid-column-gap: var(--spacer--spacer-x-small);
  grid-row-gap: var(--spacer--spacer-x-small);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 66%;
  max-width: 800px;
  max-height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.contact--wrapper {
  z-index: 1;
  padding-top: var(--page-sizes--nav-height);
  flex-flow: column;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.contact--text--wrapper {
  padding: var(--section-sizes--section-padding) var(--page-sizes--page-boarder);
  grid-column-gap: var(--spacer--spacer-small);
  grid-row-gap: var(--spacer--spacer-small);
  border-right: 1px solid var(--colours--thin-lines-on-black);
  border-bottom: 1px solid var(--colours--thin-lines-on-black);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-width: 520px;
  display: flex;
}

.contact--form--wrapper {
  padding: var(--section-sizes--section-padding) var(--page-sizes--page-boarder);
  grid-column-gap: var(--spacer--spacer-small);
  grid-row-gap: var(--spacer--spacer-small);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-width: 520px;
  display: flex;
}

.bg--tint {
  z-index: 2;
  background-image: linear-gradient(90deg, #0000004d 15%, #0000 66%);
  position: absolute;
  inset: 0%;
}

.mask {
  padding-right: var(--page-sizes--page-boarder);
  padding-left: var(--page-sizes--page-boarder);
  height: 100%;
  min-height: 100%;
}

.matiers--video--wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.scroll--mask {
  z-index: 2000;
  background-color: var(--colours--black-panel);
  opacity: 0;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.scroll--mask--item {
  background-image: linear-gradient(#000, #fff);
  width: 50%;
  min-height: 2000vh;
}

.text-illustration--image--wrapper {
  z-index: 1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.image--sparrow {
  width: 30%;
  min-width: 420px;
  position: absolute;
  inset: auto auto 0% -5%;
}

.bg--illustration--wrapper {
  position: absolute;
  inset: 0%;
}

.birds--flock--trees {
  opacity: .5;
  width: 55%;
  max-width: 840px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.auto-video--wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.right--scroll--bg--image--wrapper {
  background-color: var(--colours--off-white);
  position: absolute;
  inset: 0%;
}

.page-header--illo--wrapper {
  z-index: 1;
  opacity: 0;
  flex: 1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.page-header--illo--wrapper.maison {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.centred--text--wrapper {
  z-index: 10;
  min-height: var(--page-sizes--mob-100svh-nav-height);
  padding: var(--section-sizes--section-padding) var(--page-sizes--page-margin);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.centred--text--wrapper.dhavall {
  color: var(--colours--off-white);
  justify-content: flex-start;
  align-items: center;
}

.up {
  z-index: 100;
  position: absolute;
}

.language--toggle {
  top: auto;
  left: 0%;
  right: 0%;
  bottom: var(--section-sizes--section-margin-large);
  z-index: 11;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
}

.language--toggle.black {
  color: var(--colours--off-black);
  position: relative;
  bottom: 0;
}

.language--link {
  font-family: var(--fonts--captions);
  color: var(--colours--off-white);
  font-size: var(--font-sizes--h5);
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-left: 4px;
  font-weight: 400;
}

.language--link:hover, .language--link:active {
  text-decoration: underline;
}

.language--link.black, .heading {
  color: var(--colours--off-black);
}

.language--toggle--nav {
  top: auto;
  left: 0%;
  right: 0%;
  bottom: var(--spacer--spacer-large);
  color: var(--colours--off-black);
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: absolute;
}

.locale {
  flex-flow: row;
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
}

.locales-list {
  justify-content: center;
  align-items: center;
  display: flex;
}

.language--divider {
  background-color: var(--colours--off-white);
  width: 1px;
  height: 16px;
  margin-left: 27px;
  position: absolute;
}

.language--divider.black {
  background-color: var(--colours--thin-lines-on-black);
}

.japapese {
  --colours--off-black: #18181e;
  --fonts--body: "BIZ UDMincho", sans-serif;
  --colours--off-white: #f2efe7;
  --font-sizes--body: 1rem;
  --fonts--header-font: "BIZ UDMincho", sans-serif;
  --font-sizes--h1: 2rem;
  --font-sizes--h2: 1.6rem;
  --font-sizes--h3: 1rem;
  --font-sizes--h4: 1rem;
  --fonts--captions: Ppmori, Arial, sans-serif;
  --font-sizes--h5: .7rem;
  --colours--red: #ef2222;
  --page-sizes--nav-height: var(--page-sizes--page-boarder);
  --colours--transparent: #f2efe700;
  --page-sizes--page-margin: 128px;
  --page-sizes--page-boarder: 64px;
  --colours--thin-lines-on-white: #d5d2ca;
  --colours--thin-lines-on-black: #2f2f36;
  --section-sizes--section-margin-default: 64px;
  --section-sizes--section-padding: 64px;
  --spacer--spacer-small: 32px;
  --section-sizes--section-margin-large: 96px;
  --spacer--spacer-x-small: 16px;
  --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
  --colours--cream-panel: #f2efe7cc;
  --page-sizes--mob-100svh-nav-height: calc(100vh - var(--page-sizes--nav-height));
  --section-sizes--section-margin-small: 32px;
  --spacer--spacer-tiny: 8px;
  --fonts--japanese: "BIZ UDMincho", sans-serif;
  --spacer--spacer-medium: 64px;
  --page-sizes--body-max-width: 800px;
  --pano-image: 45%;
  --page-sizes--body-max-width-lrg: 1200px;
  --colours--black-panel: #18181ee6;
  --spacer--spacer-x-large: 128px;
  --spacer--spacer-large: 96px;
  --fonts--japanese-english: Romie, Georgia, sans-serif;
  --landscape-image: 65%;
  --colours--blur: 10px;
  --page-sizes--page-max-width: 1800px;
  --swiper-parallax--swiper-parallax-image: 250;
  --swiper-parallax--swiper-parallax-text: -150;
  --swiper-parallax--swiper-opacity: 0;
}

.text--italic {
  font-style: italic;
}

.body, .body-2, .body-3, .body-4, .body-5 {
  --colours--off-black: #18181e;
  --fonts--body: "BIZ UDMincho", sans-serif;
  --colours--off-white: #f2efe7;
  --font-sizes--body: 1rem;
  --fonts--header-font: "BIZ UDMincho", sans-serif;
  --font-sizes--h1: 2rem;
  --font-sizes--h2: 1.6rem;
  --font-sizes--h3: 1rem;
  --font-sizes--h4: 1rem;
  --fonts--captions: Ppmori, Arial, sans-serif;
  --font-sizes--h5: .7rem;
  --colours--red: #ef2222;
  --page-sizes--nav-height: var(--page-sizes--page-boarder);
  --colours--transparent: #f2efe700;
  --page-sizes--page-margin: 128px;
  --page-sizes--page-boarder: 64px;
  --colours--thin-lines-on-white: #d5d2ca;
  --colours--thin-lines-on-black: #2f2f36;
  --section-sizes--section-margin-default: 64px;
  --section-sizes--section-padding: 64px;
  --spacer--spacer-small: 32px;
  --section-sizes--section-margin-large: 96px;
  --spacer--spacer-x-small: 16px;
  --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
  --colours--cream-panel: #f2efe7cc;
  --page-sizes--mob-100svh-nav-height: calc(100vh - var(--page-sizes--nav-height));
  --section-sizes--section-margin-small: 32px;
  --spacer--spacer-tiny: 8px;
  --fonts--japanese: "BIZ UDMincho", sans-serif;
  --spacer--spacer-medium: 64px;
  --page-sizes--body-max-width: 800px;
  --pano-image: 45%;
  --page-sizes--body-max-width-lrg: 1200px;
  --colours--black-panel: #18181ee6;
  --spacer--spacer-x-large: 128px;
  --spacer--spacer-large: 96px;
  --fonts--japanese-english: Romie, Georgia, sans-serif;
  --landscape-image: 65%;
  --colours--blur: 10px;
  --page-sizes--page-max-width: 1800px;
  --swiper-parallax--swiper-parallax-image: 250;
  --swiper-parallax--swiper-parallax-text: -150;
  --swiper-parallax--swiper-opacity: 0;
}

.body--japanese, .body--japanese:lang(ja) {
  --colours--off-black: #18181e;
  --fonts--body: "BIZ UDMincho", sans-serif;
  --colours--off-white: #f2efe7;
  --font-sizes--body: 1rem;
  --fonts--header-font: "BIZ UDMincho", sans-serif;
  --font-sizes--h1: 2rem;
  --font-sizes--h2: 1.6rem;
  --font-sizes--h3: 1rem;
  --font-sizes--h4: 1rem;
  --fonts--captions: Ppmori, Arial, sans-serif;
  --font-sizes--h5: .7rem;
  --colours--red: #ef2222;
  --page-sizes--nav-height: var(--page-sizes--page-boarder);
  --colours--transparent: #f2efe700;
  --page-sizes--page-margin: 128px;
  --page-sizes--page-boarder: 64px;
  --colours--thin-lines-on-white: #d5d2ca;
  --colours--thin-lines-on-black: #2f2f36;
  --section-sizes--section-margin-default: 64px;
  --section-sizes--section-padding: 64px;
  --spacer--spacer-small: 32px;
  --section-sizes--section-margin-large: 96px;
  --spacer--spacer-x-small: 16px;
  --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
  --colours--cream-panel: #f2efe7cc;
  --page-sizes--mob-100svh-nav-height: calc(100vh - var(--page-sizes--nav-height));
  --section-sizes--section-margin-small: 32px;
  --spacer--spacer-tiny: 8px;
  --fonts--japanese: "BIZ UDMincho", sans-serif;
  --spacer--spacer-medium: 64px;
  --page-sizes--body-max-width: 900px;
  --pano-image: 45%;
  --page-sizes--body-max-width-lrg: 1200px;
  --colours--black-panel: #18181ee6;
  --spacer--spacer-x-large: 128px;
  --spacer--spacer-large: 96px;
  --fonts--japanese-english: Romie, Georgia, sans-serif;
  --landscape-image: 65%;
  --colours--blur: 10px;
  --page-sizes--page-max-width: 1800px;
  --swiper-parallax--swiper-parallax-image: 250;
  --swiper-parallax--swiper-parallax-text: -150;
  --swiper-parallax--swiper-opacity: 0;
}

.body-6 {
  --colours--off-black: #18181e;
  --fonts--body: "BIZ UDMincho", sans-serif;
  --colours--off-white: #f2efe7;
  --font-sizes--body: 1rem;
  --fonts--header-font: "BIZ UDMincho", sans-serif;
  --font-sizes--h1: 2rem;
  --font-sizes--h2: 1.6rem;
  --font-sizes--h3: 1rem;
  --font-sizes--h4: 1rem;
  --fonts--captions: Ppmori, Arial, sans-serif;
  --font-sizes--h5: .7rem;
  --colours--red: #ef2222;
  --page-sizes--nav-height: var(--page-sizes--page-boarder);
  --colours--transparent: #f2efe700;
  --page-sizes--page-margin: 128px;
  --page-sizes--page-boarder: 64px;
  --colours--thin-lines-on-white: #d5d2ca;
  --colours--thin-lines-on-black: #2f2f36;
  --section-sizes--section-margin-default: 64px;
  --section-sizes--section-padding: 64px;
  --spacer--spacer-small: 32px;
  --section-sizes--section-margin-large: 96px;
  --spacer--spacer-x-small: 16px;
  --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
  --colours--cream-panel: #f2efe7cc;
  --page-sizes--mob-100svh-nav-height: calc(100vh - var(--page-sizes--nav-height));
  --section-sizes--section-margin-small: 32px;
  --spacer--spacer-tiny: 8px;
  --fonts--japanese: "BIZ UDMincho", sans-serif;
  --spacer--spacer-medium: 64px;
  --page-sizes--body-max-width: 800px;
  --pano-image: 45%;
  --page-sizes--body-max-width-lrg: 1200px;
  --colours--black-panel: #18181ee6;
  --spacer--spacer-x-large: 128px;
  --spacer--spacer-large: 96px;
  --fonts--japanese-english: Romie, Georgia, sans-serif;
  --landscape-image: 65%;
  --colours--blur: 10px;
  --page-sizes--page-max-width: 1800px;
  --swiper-parallax--swiper-parallax-image: 250;
  --swiper-parallax--swiper-parallax-text: -150;
  --swiper-parallax--swiper-opacity: 0;
}

.text-span {
  font-family: var(--fonts--header-font);
}

.text-span:lang(ja), .text-span-2, .text-span-3, .text-span-4, .text-span-5 {
  font-family: var(--fonts--japanese-english);
}

.text-block {
  font-family: var(--fonts--body);
}

.text-block:lang(ja), .text-span-6, .text-span-7, .text-span-8 {
  font-family: var(--fonts--japanese-english);
}

.text-block-2 {
  font-family: var(--fonts--body);
}

.text-block-2:lang(ja), .text-span-9, .text-span-10, .text-span-11, .text-span-12, .text-span-13, .text-span-14, .text-span-15, .text-span-16, .text-span-17, .text-span-18 {
  font-family: var(--fonts--japanese-english);
}

.legal--links--wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.legals--divider {
  background-color: var(--colours--off-white);
  width: 1px;
  height: 100%;
  position: relative;
}

.legals--divider.black {
  background-color: var(--colours--thin-lines-on-black);
}

.birds--flock--birds {
  left: auto;
  top: var(--page-sizes--page-boarder);
  right: var(--page-sizes--page-margin);
  opacity: .5;
  width: 40%;
  max-width: 750px;
  position: absolute;
  bottom: auto;
}

.legals-section {
  min-height: 100vh;
}

.legals-max-width-container {
  padding: var(--section-sizes--section-padding) var(--page-sizes--page-margin);
  max-width: 1000px;
}

.legals-text-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

.body-header {
  font-weight: 500;
}

.legals--wrapper {
  z-index: 1;
  padding-top: var(--page-sizes--nav-height);
  flex-flow: column;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.body-sub-header {
  font-style: italic;
}

.link {
  font-family: var(--fonts--body);
}

.link:lang(ja), .text-span-19, .text-span-20, .text-span-21, .text-span-22, .text-span-23, .text-span-24, .text-span-25, .text-span-26, .text-span-27, .text-span-28, .text-span-29, .text-span-30, .text-span-31, .text-span-32, .text-span-33, .text-span-34, .text-span-35, .text-span-36, .text-span-37 {
  font-family: var(--fonts--japanese-english);
}

.page-header--body {
  grid-column-gap: var(--spacer--spacer-x-small);
  grid-row-gap: var(--spacer--spacer-x-small);
  text-align: center;
  flex-flow: column;
  display: flex;
}

.page-header--body.enquiries {
  max-width: 260px;
}

.page-header--body.gratitude {
  max-width: 500px;
}

.div-block-11 {
  flex: 1;
}

.div-block-12 {
  padding-bottom: var(--section-sizes--section-padding);
  flex-flow: column;
  height: 100%;
  display: flex;
}

._5050--wrapper--stack-ipad {
  flex-flow: wrap;
  flex: 1;
  display: flex;
}

._5050--wrapper--stack-ipad.contact {
  padding-right: var(--page-sizes--page-boarder);
  padding-left: var(--page-sizes--page-boarder);
}

.auto-image--wrapper-copy {
  min-height: calc(45vh - var(--page-sizes--nav-height));
  flex: 1;
  order: -9999;
  justify-content: center;
  align-items: center;
  min-width: 50%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block--wrapper--stack-ipad {
  padding: var(--section-sizes--section-padding) var(--page-sizes--page-margin);
  grid-column-gap: var(--spacer--spacer-small);
  grid-row-gap: var(--spacer--spacer-small);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 540px;
  display: flex;
}

.auto-video--wrapper--stack-ipad {
  min-height: calc(45vh - var(--page-sizes--nav-height));
  flex: 1;
  order: -9999;
  justify-content: center;
  align-items: center;
  min-width: 50%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.matiers--item-1_1 {
  z-index: 10;
  background-color: var(--colours--off-black);
  outline-color: var(--colours--off-black);
  outline-offset: -3px;
  outline-width: 3px;
  outline-style: none;
  width: 50%;
  height: 33.33%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.matiers--item-1_1.cream {
  background-color: var(--colours--off-white);
}

.div-block-13 {
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.text-block--container--swiper {
  grid-column-gap: var(--spacer--spacer-x-small);
  grid-row-gap: var(--spacer--spacer-x-small);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 440px;
  display: flex;
}

.text-block--container--swiper.gratitude {
  max-width: 500px;
}

.text-block--container--swiper.enquiries {
  max-width: 260px;
}

.text-block--container--swiper.vision {
  max-width: 410px;
}

.footer--portal--container--swiper {
  grid-column-gap: var(--spacer--spacer-medium);
  grid-row-gap: var(--spacer--spacer-medium);
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.cover-image--swiper {
  opacity: 1;
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.cover-image--swiper.roll-over {
  z-index: 0;
}

.cover-image--swiper.roll-over.bottom {
  object-position: 50% 100%;
}

.cover-image--swiper.roll-over.left {
  object-position: 0% 0%;
}

.cover-image--swiper.parallax {
  width: 110%;
  min-width: 110%;
  max-width: 110%;
  height: 110%;
  min-height: 110%;
  inset: 0%;
}

.cover-image--swiper.matiers {
  z-index: 1;
  -webkit-backdrop-filter: grayscale();
  backdrop-filter: grayscale();
}

.cover-image--swiper.matiers.bottom {
  object-position: 50% 100%;
}

.cover-image--swiper.matiers.left {
  object-position: 0% 0%;
}

.cover-image--swiper.right-scroll-2 {
  z-index: 0;
  mix-blend-mode: multiply;
}

.cover-image--swiper.right-scroll {
  z-index: 0;
}

.cover-image--swiper.top {
  object-position: 50% 0%;
}

.cover-image--swiper.paper {
  object-position: 50% 70%;
}

.success-message {
  background-color: var(--colours--transparent);
  color: var(--colours--red);
}

.error-message {
  background-color: var(--colours--transparent);
  color: var(--colours--red);
  text-align: center;
  padding: 0;
}

.back--icon {
  width: 20px;
}

.text--shadow {
  text-shadow: 0 0 20px #000;
}

.footer-social-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
  display: flex;
}

.footer-social-icon {
  opacity: .8;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
}

.sound--toggle {
  top: auto;
  left: 0%;
  right: 0%;
  bottom: var(--spacer--spacer-large);
  z-index: 100;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
}

.sound--link {
  color: var(--colours--off-white);
}

.sound--link:hover {
  color: var(--colours--red);
}

.matiers--header--shadow {
  z-index: 2;
  background-image: linear-gradient(170deg, #000000bf, #0000 27%);
  position: absolute;
  inset: 0%;
}

@media screen and (max-width: 991px) {
  body {
    --colours--off-black: #18181e;
    --fonts--body: Romie, Georgia, sans-serif;
    --colours--off-white: #f2efe7;
    --font-sizes--body: 1rem;
    --fonts--header-font: Romie, Georgia, sans-serif;
    --font-sizes--h1: 2rem;
    --font-sizes--h2: 1.6rem;
    --font-sizes--h3: 1rem;
    --font-sizes--h4: 1rem;
    --fonts--captions: Ppmori, Arial, sans-serif;
    --font-sizes--h5: .7rem;
    --colours--red: #ef2222;
    --page-sizes--nav-height: var(--page-sizes--page-boarder);
    --colours--transparent: #f2efe700;
    --page-sizes--page-margin: 96px;
    --page-sizes--page-boarder: 64px;
    --colours--thin-lines-on-white: #d5d2ca;
    --colours--thin-lines-on-black: #2f2f36;
    --section-sizes--section-margin-default: 64px;
    --section-sizes--section-padding: 64px;
    --spacer--spacer-small: 32px;
    --section-sizes--section-margin-large: 96px;
    --spacer--spacer-x-small: 16px;
    --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
    --colours--cream-panel: #f2efe7cc;
    --page-sizes--mob-100svh-nav-height: calc(100svh - var(--page-sizes--nav-height));
    --section-sizes--section-margin-small: 32px;
    --spacer--spacer-tiny: 8px;
    --fonts--japanese: "BIZ UDMincho", sans-serif;
    --spacer--spacer-medium: 64px;
    --page-sizes--body-max-width: 800px;
    --pano-image: 45%;
    --page-sizes--body-max-width-lrg: 1200px;
    --colours--black-panel: #18181ee6;
    --spacer--spacer-x-large: 128px;
    --spacer--spacer-large: 96px;
    --fonts--japanese-english: Romie, Georgia, sans-serif;
    --landscape-image: 65%;
    --colours--blur: 10px;
    --page-sizes--page-max-width: 1800px;
    --swiper-parallax--swiper-parallax-image: 250;
    --swiper-parallax--swiper-parallax-text: -150;
    --swiper-parallax--swiper-opacity: 0;
  }

  .matiers--item-2 {
    width: 50%;
    height: 33.33%;
    inset: 0% 0% auto auto;
  }

  .matiers--item-1 {
    width: 50%;
    height: 33.33%;
    inset: 0% auto auto 0%;
  }

  .matiers--item-3 {
    width: 50%;
    height: 33.33%;
    inset: 33.33% auto auto 0%;
  }

  .matiers--item-4 {
    width: 50%;
    height: 33.33%;
    inset: 33.33% 0% auto auto;
  }

  .matiers--item-5 {
    width: 50%;
    height: 33.33%;
    display: block;
    inset: auto auto 0% 0%;
  }

  .matiers--item-6 {
    width: 50%;
    height: 33.33%;
    inset: auto 0% 0% auto;
  }

  ._100vh-padding--wrapper {
    min-height: calc(100vh - var(--page-sizes--nav-height));
  }

  ._100vh-padding--wrapper.sticky {
    min-height: auto;
  }

  .boarder.top.on-black.footer {
    margin-top: 0;
  }

  .widget--text--image--5050 {
    height: auto;
  }

  ._5050--wrapper {
    min-height: 100vh;
  }

  .text--image-5050--grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }

  .auto-image--wrapper {
    padding-top: 75%;
  }

  .text-block--wrapper {
    padding-top: var(--section-sizes--section-margin-large);
    padding-bottom: var(--section-sizes--section-margin-large);
  }

  .cover-image.parallax {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
  }

  .cover-image.parallax.dhavall {
    object-position: 60% 60%;
  }

  .cream--bg:lang(ja) {
    --colours--off-black: #18181e;
    --fonts--body: "BIZ UDMincho", sans-serif;
    --colours--off-white: #f2efe7;
    --font-sizes--body: 1rem;
    --fonts--header-font: "BIZ UDMincho", sans-serif;
    --font-sizes--h1: 2rem;
    --font-sizes--h2: 1.6rem;
    --font-sizes--h3: 1rem;
    --font-sizes--h4: 1rem;
    --fonts--captions: Ppmori, Arial, sans-serif;
    --font-sizes--h5: .7rem;
    --colours--red: #ef2222;
    --page-sizes--nav-height: var(--page-sizes--page-boarder);
    --colours--transparent: #f2efe700;
    --page-sizes--page-margin: 96px;
    --page-sizes--page-boarder: 64px;
    --colours--thin-lines-on-white: #d5d2ca;
    --colours--thin-lines-on-black: #2f2f36;
    --section-sizes--section-margin-default: 64px;
    --section-sizes--section-padding: 64px;
    --spacer--spacer-small: 32px;
    --section-sizes--section-margin-large: 96px;
    --spacer--spacer-x-small: 16px;
    --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
    --colours--cream-panel: #f2efe7cc;
    --page-sizes--mob-100svh-nav-height: calc(100svh - var(--page-sizes--nav-height));
    --section-sizes--section-margin-small: 32px;
    --spacer--spacer-tiny: 8px;
    --fonts--japanese: "BIZ UDMincho", sans-serif;
    --spacer--spacer-medium: 64px;
    --page-sizes--body-max-width: 800px;
    --pano-image: 45%;
    --page-sizes--body-max-width-lrg: 1200px;
    --colours--black-panel: #18181ee6;
    --spacer--spacer-x-large: 128px;
    --spacer--spacer-large: 96px;
    --fonts--japanese-english: Romie, Georgia, sans-serif;
    --landscape-image: 65%;
    --colours--blur: 10px;
    --page-sizes--page-max-width: 1800px;
    --swiper-parallax--swiper-parallax-image: 250;
    --swiper-parallax--swiper-parallax-text: -150;
    --swiper-parallax--swiper-opacity: 0;
  }

  .right-scroll--wrapper._2-page {
    height: auto;
  }

  .right-scroll--camera {
    height: auto;
    position: relative;
  }

  .right-scroll--slide--wrapper {
    grid-column-gap: var(--section-sizes--section-margin-default);
    grid-row-gap: var(--section-sizes--section-margin-default);
    flex-flow: column;
  }

  .right-scroll--slide--wrapper.non-stick {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: auto;
  }

  .right-scroll--slide {
    border-top: 1px solid var(--colours--thin-lines-on-white);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    position: static;
  }

  .swiper-container {
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .swiper-slide {
    height: auto;
    max-height: none;
  }

  .swiper-slide.header {
    height: 100vh;
  }

  .swiper-slide--wrapper {
    justify-content: center;
    align-items: center;
  }

  .swiper-slide--wrapper.nav--offset {
    padding-top: var(--page-sizes--nav-height);
    justify-content: center;
    align-items: flex-start;
  }

  ._100vh--header--wrapper {
    min-height: 850px;
  }

  .swiper-slide--text--wrapper {
    flex: 0 auto;
  }

  .swiper-slide--text--wrapper.dhavall {
    height: var(--page-sizes--mob-100svh-nav-height);
    justify-content: flex-end;
    align-items: center;
    min-height: 500px;
    max-height: none;
    padding-bottom: 96px;
  }

  .video-background--embed {
    z-index: 1;
  }

  .page-header--padding {
    justify-content: flex-start;
    align-items: center;
    padding-top: 120px;
  }

  .page-header--padding.bottom {
    justify-content: center;
    align-items: center;
  }

  .page-header--padding.crane {
    padding-top: var(--page-sizes--page-boarder);
  }

  .page-header--text--wrapper {
    width: auto;
  }

  .kando-name--header--wrapper {
    width: 15%;
    min-height: auto;
  }

  .kando-name--text--wrapper {
    width: 70%;
  }

  .kando-name--text {
    font-size: 3rem;
  }

  .right-scroll--panel--wrapper {
    padding-top: var(--section-sizes--section-padding);
    padding-bottom: var(--section-sizes--section-padding);
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    position: relative;
    inset: auto auto 0% 0%;
  }

  .right-scroll--panel--text--wrapper {
    padding: 0;
  }

  .right-scroll--panel {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .matiers--body {
    text-align: center;
  }

  .dg-slider {
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }

  .slide-nav {
    bottom: 30px;
  }

  .dg-right-arrow {
    inset: 0% 0% 0% auto;
  }

  .dg-slide {
    width: 50%;
    height: 100%;
    min-height: 100%;
  }

  .dg-slide--wrapper {
    min-height: 480px;
  }

  .sg-slider--line {
    max-width: 100%;
  }

  .grid {
    max-width: none;
  }

  .footer--portal--wrapper.on-black {
    padding-top: var(--section-sizes--section-padding);
    padding-bottom: var(--section-sizes--section-padding);
  }

  .footer--nav--wrapper {
    flex-flow: wrap;
  }

  .footer--col {
    justify-content: flex-start;
    align-items: stretch;
    min-width: 50%;
  }

  .footer--col._2-col {
    flex: 0 auto;
  }

  .footer--col.logo--column {
    border-bottom: 1px solid var(--colours--thin-lines-on-white);
    width: 100%;
  }

  .footer--col.logo--column.on-black {
    border-bottom-color: var(--colours--thin-lines-on-black);
  }

  .footer--link--grid._2-col {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .footer--portal--link.on-black:hover {
    color: var(--colours--off-white);
  }

  .right-scroll--50-image {
    width: 100%;
    height: 50%;
  }

  .header--image.maison {
    width: 100%;
    bottom: 5%;
    transform: none;
  }

  .header--image.crane {
    width: 50%;
    min-width: auto;
    max-width: none;
    bottom: -5%;
    right: 21%;
  }

  .header--image.dragon {
    width: 60%;
    top: 0%;
    right: -8%;
  }

  .sticky-text--wrapper {
    flex-flow: column;
  }

  .div-block-10 {
    border-top: 1px solid var(--colours--thin-lines-on-white);
    order: -9999;
    width: 100%;
    height: auto;
    position: static;
  }

  .creations--sticky-text--image--wrapper {
    width: 100%;
  }

  .contact--wrapper {
    height: auto;
    min-height: 100vh;
  }

  .contact--text--wrapper {
    border-right-style: none;
    min-width: auto;
  }

  .contact--form--wrapper {
    min-width: auto;
  }

  .bg--tint {
    background-image: linear-gradient(0deg, #00000061 10%, #0000 44%);
  }

  .image--sparrow {
    left: -14%;
  }

  .birds--flock--trees {
    width: 70%;
    max-width: none;
  }

  .auto-video--wrapper {
    height: 65vw;
  }

  .right--scroll--bg--image--wrapper {
    width: 100vw;
    height: 65vw;
    position: relative;
  }

  .centred--text--wrapper {
    flex: 0 auto;
  }

  .centred--text--wrapper.dhavall {
    justify-content: center;
    align-items: flex-end;
  }

  .body--japanese:lang(ja) {
    --colours--off-black: #18181e;
    --fonts--body: "BIZ UDMincho", sans-serif;
    --colours--off-white: #f2efe7;
    --font-sizes--body: 1rem;
    --fonts--header-font: "BIZ UDMincho", sans-serif;
    --font-sizes--h1: 2rem;
    --font-sizes--h2: 1.6rem;
    --font-sizes--h3: 1rem;
    --font-sizes--h4: 1rem;
    --fonts--captions: Ppmori, Arial, sans-serif;
    --font-sizes--h5: .7rem;
    --colours--red: #ef2222;
    --page-sizes--nav-height: var(--page-sizes--page-boarder);
    --colours--transparent: #f2efe700;
    --page-sizes--page-margin: 96px;
    --page-sizes--page-boarder: 64px;
    --colours--thin-lines-on-white: #d5d2ca;
    --colours--thin-lines-on-black: #2f2f36;
    --section-sizes--section-margin-default: 64px;
    --section-sizes--section-padding: 64px;
    --spacer--spacer-small: 32px;
    --section-sizes--section-margin-large: 96px;
    --spacer--spacer-x-small: 16px;
    --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
    --colours--cream-panel: #f2efe7cc;
    --page-sizes--mob-100svh-nav-height: calc(100svh - var(--page-sizes--nav-height));
    --section-sizes--section-margin-small: 32px;
    --spacer--spacer-tiny: 8px;
    --fonts--japanese: "BIZ UDMincho", sans-serif;
    --spacer--spacer-medium: 64px;
    --page-sizes--body-max-width: 800px;
    --pano-image: 45%;
    --page-sizes--body-max-width-lrg: 1200px;
    --colours--black-panel: #18181ee6;
    --spacer--spacer-x-large: 128px;
    --spacer--spacer-large: 96px;
    --fonts--japanese-english: Romie, Georgia, sans-serif;
    --landscape-image: 65%;
    --colours--blur: 10px;
    --page-sizes--page-max-width: 1800px;
    --swiper-parallax--swiper-parallax-image: 250;
    --swiper-parallax--swiper-parallax-text: -150;
    --swiper-parallax--swiper-opacity: 0;
  }

  .birds--flock--birds {
    width: 55%;
    max-width: none;
  }

  .legals--wrapper {
    height: auto;
    min-height: 100vh;
  }

  ._5050--wrapper--stack-ipad {
    min-height: var(--page-sizes--mob-100svh-nav-height);
    flex-flow: column;
  }

  .auto-image--wrapper-copy {
    padding-top: var(--landscape-image);
    min-height: auto;
  }

  .text-block--wrapper--stack-ipad {
    padding-top: var(--section-sizes--section-margin-large);
    padding-bottom: var(--section-sizes--section-margin-large);
    min-width: auto;
  }

  .auto-video--wrapper--stack-ipad {
    flex: 0 auto;
    height: 65vw;
    min-height: auto;
  }

  .matiers--item-1_1 {
    width: 50%;
    height: 33.33%;
    inset: 0% 0% auto auto;
  }

  .sound--toggle {
    bottom: var(--spacer--spacer-medium);
  }

  .sound--link:hover {
    color: var(--colours--off-white);
  }
}

@media screen and (max-width: 767px) {
  body {
    --colours--off-black: #18181e;
    --fonts--body: Romie, Georgia, sans-serif;
    --colours--off-white: #f2efe7;
    --font-sizes--body: 1rem;
    --fonts--header-font: Romie, Georgia, sans-serif;
    --font-sizes--h1: 2rem;
    --font-sizes--h2: 1.6rem;
    --font-sizes--h3: 1rem;
    --font-sizes--h4: 1rem;
    --fonts--captions: Ppmori, Arial, sans-serif;
    --font-sizes--h5: .7rem;
    --colours--red: #ef2222;
    --page-sizes--nav-height: 48px;
    --colours--transparent: #f2efe700;
    --page-sizes--page-margin: 64px;
    --page-sizes--page-boarder: 32px;
    --colours--thin-lines-on-white: #d5d2ca;
    --colours--thin-lines-on-black: #2f2f36;
    --section-sizes--section-margin-default: 64px;
    --section-sizes--section-padding: 64px;
    --spacer--spacer-small: 32px;
    --section-sizes--section-margin-large: 64px;
    --spacer--spacer-x-small: 16px;
    --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
    --colours--cream-panel: #f2efe7cc;
    --page-sizes--mob-100svh-nav-height: calc(100svh - var(--page-sizes--nav-height));
    --section-sizes--section-margin-small: 32px;
    --spacer--spacer-tiny: 8px;
    --fonts--japanese: "BIZ UDMincho", sans-serif;
    --spacer--spacer-medium: 64px;
    --page-sizes--body-max-width: 800px;
    --pano-image: 45%;
    --page-sizes--body-max-width-lrg: 1200px;
    --colours--black-panel: #18181ee6;
    --spacer--spacer-x-large: 128px;
    --spacer--spacer-large: 96px;
    --fonts--japanese-english: Romie, Georgia, sans-serif;
    --landscape-image: 65%;
    --colours--blur: 10px;
    --page-sizes--page-max-width: 1800px;
    --swiper-parallax--swiper-parallax-image: 250;
    --swiper-parallax--swiper-parallax-text: -150;
    --swiper-parallax--swiper-opacity: 0;
  }

  .brand {
    padding-right: var(--page-sizes--page-margin);
    padding-left: 0;
    display: none;
  }

  .brand.w--current {
    padding-right: var(--page-sizes--page-margin);
    padding-left: 0;
  }

  .burger--wrapper {
    padding-right: var(--page-sizes--page-boarder);
    padding-left: var(--page-sizes--page-margin);
    width: auto;
    height: 100%;
  }

  .icon--image {
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
  }

  .boarder.left.slider {
    left: var(--page-sizes--page-margin);
  }

  .boarder.right.slider {
    right: var(--page-sizes--page-margin);
  }

  .cream--bg:lang(ja) {
    --colours--off-black: #18181e;
    --fonts--body: "BIZ UDMincho", sans-serif;
    --colours--off-white: #f2efe7;
    --font-sizes--body: 1rem;
    --fonts--header-font: "BIZ UDMincho", sans-serif;
    --font-sizes--h1: 2rem;
    --font-sizes--h2: 1.6rem;
    --font-sizes--h3: 1rem;
    --font-sizes--h4: 1rem;
    --fonts--captions: Ppmori, Arial, sans-serif;
    --font-sizes--h5: .7rem;
    --colours--red: #ef2222;
    --page-sizes--nav-height: 48px;
    --colours--transparent: #f2efe700;
    --page-sizes--page-margin: 64px;
    --page-sizes--page-boarder: 32px;
    --colours--thin-lines-on-white: #d5d2ca;
    --colours--thin-lines-on-black: #2f2f36;
    --section-sizes--section-margin-default: 64px;
    --section-sizes--section-padding: 64px;
    --spacer--spacer-small: 32px;
    --section-sizes--section-margin-large: 64px;
    --spacer--spacer-x-small: 16px;
    --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
    --colours--cream-panel: #f2efe7cc;
    --page-sizes--mob-100svh-nav-height: calc(100svh - var(--page-sizes--nav-height));
    --section-sizes--section-margin-small: 32px;
    --spacer--spacer-tiny: 8px;
    --fonts--japanese: "BIZ UDMincho", sans-serif;
    --spacer--spacer-medium: 64px;
    --page-sizes--body-max-width: 800px;
    --pano-image: 45%;
    --page-sizes--body-max-width-lrg: 1200px;
    --colours--black-panel: #18181ee6;
    --spacer--spacer-x-large: 128px;
    --spacer--spacer-large: 96px;
    --fonts--japanese-english: Romie, Georgia, sans-serif;
    --landscape-image: 65%;
    --colours--blur: 10px;
    --page-sizes--page-max-width: 1800px;
    --swiper-parallax--swiper-parallax-image: 250;
    --swiper-parallax--swiper-parallax-text: -150;
    --swiper-parallax--swiper-opacity: 0;
  }

  ._100vh--header--wrapper {
    min-height: 680px;
  }

  .kando-name--text {
    font-size: 2rem;
  }

  .matiers-grid--wrapper {
    padding-top: var(--page-sizes--nav-height);
  }

  .widget--matiers-grid {
    height: 200vh;
    position: relative;
  }

  .right-scroll--panel--wrapper._1 {
    width: 100%;
  }

  .right-scroll--panel {
    width: 100%;
    max-width: none;
  }

  .dg-left-arrow, .dg-right-arrow {
    width: var(--page-sizes--page-margin);
  }

  .dg-slide {
    width: 100%;
  }

  .footer--nav--wrapper {
    flex-flow: wrap;
  }

  .footer--col {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer--col._2-col {
    border-bottom: 1px solid var(--colours--thin-lines-on-white);
    flex: 1;
    min-width: auto;
  }

  .footer--col.logo {
    border-bottom: 1px solid var(--colours--thin-lines-on-black);
    width: 100%;
    min-width: 100%;
  }

  .footer--col.logo.on-black {
    border-bottom-color: var(--colours--thin-lines-on-white);
  }

  .footer--portal--grid {
    grid-template-columns: 1fr;
  }

  .right-scroll--50-image {
    width: 50%;
    height: 100%;
  }

  .slider--arrow {
    width: 15px;
  }

  .header--image.dragon {
    right: -20%;
  }

  .contact--wrapper {
    min-height: auto;
  }

  .image--sparrow {
    left: -22%;
  }

  .birds--flock--trees {
    bottom: 7%;
  }

  .body--japanese:lang(ja) {
    --colours--off-black: #18181e;
    --fonts--body: "BIZ UDMincho", sans-serif;
    --colours--off-white: #f2efe7;
    --font-sizes--body: 1rem;
    --fonts--header-font: "BIZ UDMincho", sans-serif;
    --font-sizes--h1: 2rem;
    --font-sizes--h2: 1.6rem;
    --font-sizes--h3: 1rem;
    --font-sizes--h4: 1rem;
    --fonts--captions: Ppmori, Arial, sans-serif;
    --font-sizes--h5: .7rem;
    --colours--red: #ef2222;
    --page-sizes--nav-height: 48px;
    --colours--transparent: #f2efe700;
    --page-sizes--page-margin: 64px;
    --page-sizes--page-boarder: 32px;
    --colours--thin-lines-on-white: #d5d2ca;
    --colours--thin-lines-on-black: #2f2f36;
    --section-sizes--section-margin-default: 64px;
    --section-sizes--section-padding: 64px;
    --spacer--spacer-small: 32px;
    --section-sizes--section-margin-large: 64px;
    --spacer--spacer-x-small: 16px;
    --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
    --colours--cream-panel: #f2efe7cc;
    --page-sizes--mob-100svh-nav-height: calc(100svh - var(--page-sizes--nav-height));
    --section-sizes--section-margin-small: 32px;
    --spacer--spacer-tiny: 8px;
    --fonts--japanese: "BIZ UDMincho", sans-serif;
    --spacer--spacer-medium: 64px;
    --page-sizes--body-max-width: 800px;
    --pano-image: 45%;
    --page-sizes--body-max-width-lrg: 1200px;
    --colours--black-panel: #18181ee6;
    --spacer--spacer-x-large: 128px;
    --spacer--spacer-large: 96px;
    --fonts--japanese-english: Romie, Georgia, sans-serif;
    --landscape-image: 65%;
    --colours--blur: 10px;
    --page-sizes--page-max-width: 1800px;
    --swiper-parallax--swiper-parallax-image: 250;
    --swiper-parallax--swiper-parallax-text: -150;
    --swiper-parallax--swiper-opacity: 0;
  }

  .birds--flock--birds {
    bottom: 13%;
  }

  .legals--wrapper {
    min-height: auto;
  }

  .sound--toggle {
    bottom: var(--spacer--spacer-small);
  }
}

@media screen and (max-width: 479px) {
  body {
    --colours--off-black: #18181e;
    --fonts--body: Romie, Georgia, sans-serif;
    --colours--off-white: #f2efe7;
    --font-sizes--body: 1rem;
    --fonts--header-font: Romie, Georgia, sans-serif;
    --font-sizes--h1: 1.8rem;
    --font-sizes--h2: 1.5rem;
    --font-sizes--h3: 1rem;
    --font-sizes--h4: 1rem;
    --fonts--captions: Ppmori, Arial, sans-serif;
    --font-sizes--h5: .7rem;
    --colours--red: #ef2222;
    --page-sizes--nav-height: 48px;
    --colours--transparent: #f2efe700;
    --page-sizes--page-margin: 32px;
    --page-sizes--page-boarder: 16px;
    --colours--thin-lines-on-white: #d5d2ca;
    --colours--thin-lines-on-black: #2f2f36;
    --section-sizes--section-margin-default: 64px;
    --section-sizes--section-padding: 64px;
    --spacer--spacer-small: 32px;
    --section-sizes--section-margin-large: 64px;
    --spacer--spacer-x-small: 16px;
    --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
    --colours--cream-panel: #f2efe7cc;
    --page-sizes--mob-100svh-nav-height: calc(100svh - var(--page-sizes--nav-height));
    --section-sizes--section-margin-small: 32px;
    --spacer--spacer-tiny: 8px;
    --fonts--japanese: "BIZ UDMincho", sans-serif;
    --spacer--spacer-medium: 64px;
    --page-sizes--body-max-width: 800px;
    --pano-image: 45%;
    --page-sizes--body-max-width-lrg: 1200px;
    --colours--black-panel: #18181ee6;
    --spacer--spacer-x-large: 128px;
    --spacer--spacer-large: 96px;
    --fonts--japanese-english: Romie, Georgia, sans-serif;
    --landscape-image: 65%;
    --colours--blur: 10px;
    --page-sizes--page-max-width: 1800px;
    --swiper-parallax--swiper-parallax-image: 250;
    --swiper-parallax--swiper-parallax-text: -150;
    --swiper-parallax--swiper-opacity: 0;
  }

  .brand {
    display: none;
  }

  .burger--wrapper {
    padding-right: var(--page-sizes--page-boarder);
    padding-left: var(--page-sizes--page-boarder);
  }

  .boarder.left.nav {
    display: none;
  }

  .boarder.left.slider {
    left: var(--page-sizes--page-margin);
  }

  .boarder.right.nav {
    display: none;
  }

  .boarder.right.slider {
    right: var(--page-sizes--page-margin);
  }

  ._5050--wrapper {
    justify-content: flex-start;
    align-items: stretch;
  }

  .cover-image.parallax.dhavall {
    transform-origin: 50% 100%;
    object-position: 60% 100%;
    transform: scale(1.1);
  }

  .cover-image.dhavall {
    object-position: 57% 100%;
  }

  .cream--bg:lang(ja) {
    --colours--off-black: #18181e;
    --fonts--body: "BIZ UDMincho", sans-serif;
    --colours--off-white: #f2efe7;
    --font-sizes--body: 1rem;
    --fonts--header-font: "BIZ UDMincho", sans-serif;
    --font-sizes--h1: 1.8rem;
    --font-sizes--h2: 1.5rem;
    --font-sizes--h3: 1rem;
    --font-sizes--h4: 1rem;
    --fonts--captions: Ppmori, Arial, sans-serif;
    --font-sizes--h5: .7rem;
    --colours--red: #ef2222;
    --page-sizes--nav-height: 48px;
    --colours--transparent: #f2efe700;
    --page-sizes--page-margin: 32px;
    --page-sizes--page-boarder: 16px;
    --colours--thin-lines-on-white: #d5d2ca;
    --colours--thin-lines-on-black: #2f2f36;
    --section-sizes--section-margin-default: 64px;
    --section-sizes--section-padding: 64px;
    --spacer--spacer-small: 32px;
    --section-sizes--section-margin-large: 64px;
    --spacer--spacer-x-small: 16px;
    --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
    --colours--cream-panel: #f2efe7cc;
    --page-sizes--mob-100svh-nav-height: calc(100svh - var(--page-sizes--nav-height));
    --section-sizes--section-margin-small: 32px;
    --spacer--spacer-tiny: 8px;
    --fonts--japanese: "BIZ UDMincho", sans-serif;
    --spacer--spacer-medium: 64px;
    --page-sizes--body-max-width: 800px;
    --pano-image: 45%;
    --page-sizes--body-max-width-lrg: 1200px;
    --colours--black-panel: #18181ee6;
    --spacer--spacer-x-large: 128px;
    --spacer--spacer-large: 96px;
    --fonts--japanese-english: Romie, Georgia, sans-serif;
    --landscape-image: 65%;
    --colours--blur: 10px;
    --page-sizes--page-max-width: 1800px;
    --swiper-parallax--swiper-parallax-image: 250;
    --swiper-parallax--swiper-parallax-text: -150;
    --swiper-parallax--swiper-opacity: 0;
  }

  .right-scroll--wrapper {
    height: 700vh;
  }

  .right-scroll--slide {
    flex-flow: column;
  }

  .swiper-container {
    height: 100svh;
  }

  .nav-menu {
    background-color: var(--colours--cream-panel);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    display: flex;
  }

  ._100vh--header--wrapper {
    overflow: hidden;
  }

  .swiper-slide--text--wrapper {
    padding-bottom: var(--section-sizes--section-margin-small);
    flex: none;
  }

  .page-header--padding {
    height: var(--page-sizes--mob-100svh-nav-height);
    flex: none;
    padding-top: 100px;
  }

  .page-header--padding.bottom {
    justify-content: flex-end;
    align-items: center;
  }

  .page-header--padding.crane {
    padding-top: var(--section-sizes--section-margin-default);
  }

  .kando-name--header--wrapper {
    padding-right: var(--spacer--spacer-tiny);
    padding-left: var(--spacer--spacer-tiny);
    width: 15%;
  }

  .kando-name--text--wrapper {
    width: 80%;
  }

  .kando-name--text {
    width: auto;
    font-size: 7vw;
  }

  .kando-name--icon--wrapper {
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -25px;
  }

  .kando-name--icon {
    width: 50px;
    height: 50px;
  }

  .matiers-grid--wrapper {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .widget--matiers-grid {
    height: 150vh;
  }

  .matiers--body, .matiers--popup-page {
    grid-column-gap: var(--spacer--spacer-small);
    grid-row-gap: var(--spacer--spacer-small);
  }

  .dg-slider {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .slide-nav {
    font-size: .3rem;
  }

  .dg-slide--text--wrapper {
    width: 100%;
    max-width: none;
  }

  .sg-slider--line {
    display: none;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .footer--col {
    padding-right: var(--spacer--spacer-x-small);
    padding-left: var(--spacer--spacer-x-small);
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .footer--col._2-col {
    border-bottom: 1px solid var(--colours--thin-lines-on-white);
    width: 100%;
  }

  .footer--col._2-col.on-black {
    border-bottom: 1px solid var(--colours--thin-lines-on-black);
    width: 100%;
  }

  .footer--portal--grid {
    grid-template-columns: 1fr;
  }

  .right-scroll--50-image {
    width: 100%;
    height: 50%;
  }

  .page-header--image--wrapper {
    min-height: var(--page-sizes--desk-100vh-nav-height);
  }

  .matiers--header {
    text-align: center;
  }

  .matiers--image--grid {
    grid-template-columns: 1fr;
  }

  .header--image.maison {
    width: 120%;
    bottom: 0%;
    left: -10%;
  }

  .header--image.crane {
    width: 60%;
    min-width: auto;
    max-width: 400px;
    inset: auto 0% -4% auto;
  }

  .header--image.dragon {
    width: 80%;
    min-width: auto;
    max-width: none;
    top: 3%;
    right: -38%;
  }

  .matiers--divider {
    background-color: #f2efe74a;
  }

  .header--stamp {
    width: 25px;
  }

  .sticky-text--wrapper {
    flex-flow: column;
    width: auto;
  }

  .div-block-10 {
    order: -9999;
    width: 100%;
    height: auto;
    position: relative;
  }

  .creations--sticky-text--image--wrapper {
    width: 100%;
  }

  .logo {
    width: 125px;
  }

  .header--stamp--txt {
    font-size: 1.3rem;
  }

  .text-illustration--text--wrapper {
    width: auto;
  }

  .bg--tint {
    background-image: linear-gradient(0deg, #0000008f 26%, #0000 44%);
  }

  .image--sparrow {
    min-width: 310px;
    bottom: -26%;
    left: -11%;
    right: 0%;
  }

  .birds--flock--trees {
    opacity: 1;
    width: 90%;
    bottom: 9%;
  }

  .right--scroll--bg--image--wrapper {
    position: relative;
  }

  .page-header--illo--wrapper {
    flex: none;
    height: 100svh;
  }

  .centred--text--wrapper {
    padding-bottom: var(--spacer--spacer-x-large);
    flex: none;
    justify-content: center;
    align-items: flex-start;
  }

  .body--japanese:lang(ja) {
    --colours--off-black: #18181e;
    --fonts--body: "BIZ UDMincho", sans-serif;
    --colours--off-white: #f2efe7;
    --font-sizes--body: 1rem;
    --fonts--header-font: "BIZ UDMincho", sans-serif;
    --font-sizes--h1: 1.8rem;
    --font-sizes--h2: 1.5rem;
    --font-sizes--h3: 1rem;
    --font-sizes--h4: 1rem;
    --fonts--captions: Ppmori, Arial, sans-serif;
    --font-sizes--h5: .7rem;
    --colours--red: #ef2222;
    --page-sizes--nav-height: 48px;
    --colours--transparent: #f2efe700;
    --page-sizes--page-margin: 32px;
    --page-sizes--page-boarder: 16px;
    --colours--thin-lines-on-white: #d5d2ca;
    --colours--thin-lines-on-black: #2f2f36;
    --section-sizes--section-margin-default: 64px;
    --section-sizes--section-padding: 64px;
    --spacer--spacer-small: 32px;
    --section-sizes--section-margin-large: 64px;
    --spacer--spacer-x-small: 16px;
    --page-sizes--desk-100vh-nav-height: calc(100vh - var(--page-sizes--nav-height));
    --colours--cream-panel: #f2efe7cc;
    --page-sizes--mob-100svh-nav-height: calc(100svh - var(--page-sizes--nav-height));
    --section-sizes--section-margin-small: 32px;
    --spacer--spacer-tiny: 8px;
    --fonts--japanese: "BIZ UDMincho", sans-serif;
    --spacer--spacer-medium: 64px;
    --page-sizes--body-max-width: 800px;
    --pano-image: 45%;
    --page-sizes--body-max-width-lrg: 1200px;
    --colours--black-panel: #18181ee6;
    --spacer--spacer-x-large: 128px;
    --spacer--spacer-large: 96px;
    --fonts--japanese-english: Romie, Georgia, sans-serif;
    --landscape-image: 65%;
    --colours--blur: 10px;
    --page-sizes--page-max-width: 1800px;
    --swiper-parallax--swiper-parallax-image: 250;
    --swiper-parallax--swiper-parallax-text: -150;
    --swiper-parallax--swiper-opacity: 0;
  }

  .birds--flock--birds {
    opacity: 1;
    width: 70%;
    bottom: 9%;
  }

  ._5050--wrapper--stack-ipad {
    justify-content: flex-start;
    align-items: stretch;
  }

  .cover-image--swiper.parallax.dhavall {
    object-position: 60% 100%;
  }

  .footer-social-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .sound--toggle {
    bottom: var(--spacer--spacer-small);
  }
}

#w-node-d93667b7-a548-e9e2-788b-99ea68207a15-358fe672, #w-node-_15ca576c-2400-249d-f52b-b4588db8da0b-358fe672 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ecd63838-40b4-f054-0648-cfa27f8d2f9f-358fe672 {
  grid-area: 4 / 2 / 5 / 3;
}

@media screen and (max-width: 991px) {
  #w-node-_95525a45-8a53-6e71-b48a-de409ee9f64a-358fe671 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d93667b7-a548-e9e2-788b-99ea68207a15-358fe672, #w-node-_15ca576c-2400-249d-f52b-b4588db8da0b-358fe672, #w-node-ecd63838-40b4-f054-0648-cfa27f8d2f9f-358fe672 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Romie';
  src: url('../fonts/Romie-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Romie';
  src: url('../fonts/Romie-Heavy.woff2') format('woff2'), url('../fonts/Romie-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Romie';
  src: url('../fonts/Romie-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Romie';
  src: url('../fonts/Romie-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Romie';
  src: url('../fonts/Romie-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Romie';
  src: url('../fonts/Romie-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ppmori';
  src: url('../fonts/PPMori-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppmori';
  src: url('../fonts/PPMori-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppmori';
  src: url('../fonts/PPMori-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}