:root {
  --background: black;
  --paragraphs: rgba(230, 230, 230, .6);
  --light: white;
  --border: rgba(230, 230, 230, .2);
  --dark: #191819;
}

.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-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

body {
  background-color: var(--background);
  color: var(--paragraphs);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  font-family: Noto Sans KR, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.8em;
  display: flex;
}

h1 {
  color: var(--light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.82em;
  font-weight: 700;
  line-height: 1.14em;
}

h2 {
  color: var(--light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.17em;
  font-weight: 700;
  line-height: 1.18em;
}

h3 {
  color: var(--light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.47em;
  font-weight: 700;
  line-height: 1.21em;
}

h4 {
  color: var(--light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.76em;
  font-weight: 700;
  line-height: 1.23em;
}

h5 {
  color: var(--light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.29em;
  font-weight: 700;
  line-height: 1.27em;
}

h6 {
  color: var(--light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .94em;
  font-weight: 700;
  line-height: 1.37em;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

a {
  text-decoration: underline;
}

ul, ol {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding-left: 2.2em;
}

li {
  padding: .3em .5em;
}

strong {
  color: var(--light);
  font-weight: 700;
}

em {
  font-family: "Noto Sans KR", sans-serif;
  font-style: italic;
}

blockquote {
  border-left: 1px solid var(--border);
  color: var(--light);
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: .9em;
  padding: .2em 0 .2em 1.2em;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 1.29em;
  line-height: 1.59em;
}

figure {
  border-radius: .94em;
  margin-top: 2.7em;
  margin-bottom: 2.7em;
  overflow: hidden;
}

figcaption {
  background-color: var(--dark);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1.2em 2.2em;
  font-size: .88em;
  line-height: 1.4em;
}

.link {
  box-shadow: inset 0 -1px 0 0 var(--light);
  color: var(--light);
  text-decoration: none;
  transition: color .3s cubic-bezier(.25, .46, .45, .94), box-shadow .3s cubic-bezier(.25, .46, .45, .94);
}

.link:hover {
  box-shadow: inset 0 -22px 0 0 var(--light);
  color: var(--background);
}

.rich-text-block {
  flex: 1;
}

.rich-text-block p {
  margin-bottom: 1.4em;
  font-family: Noto Sans KR, sans-serif;
}

.rich-text-block h1 {
  margin-bottom: .5em;
}

.rich-text-block h2, .rich-text-block h3, .rich-text-block h4, .rich-text-block h5, .rich-text-block h6 {
  margin-top: .9em;
  margin-bottom: .5em;
}

.rich-text-block a {
  box-shadow: inset 0 -1px 0 0 var(--light);
  color: var(--light);
  text-decoration: none;
  transition: color .3s cubic-bezier(.25, .46, .45, .94), box-shadow .3s cubic-bezier(.25, .46, .45, .94);
}

.rich-text-block a:hover {
  box-shadow: inset 0 -22px 0 0 var(--light);
  color: var(--background);
}

.rich-text-block blockquote {
  font-family: Noto Serif KR, sans-serif;
}

.rich-text-block em {
  color: var(--light);
  font-family: Noto Sans KR, sans-serif;
}

.navbar {
  z-index: 500;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: fixed;
  top: 24px;
  bottom: auto;
  left: auto;
  right: 24px;
}

.block-navbar {
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.brand {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.brand:hover {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: rgba(0, 0, 0, 0);
}

.brand.w--current {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.brand.w--current:hover {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: rgba(0, 0, 0, 0);
}

.nav-menu {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  padding: 6px;
  
  /* -webkit-backdrop-filter: blur(40px); */
  /* backdrop-filter: blur(40px); */
  /* background-color: rgba(45, 44, 45, .8); */
  /* transition: background-color .3s cubic-bezier(.25, .46, .45, .94); */
}

.nav-link {
  color: var(--light);
  cursor: pointer;
  padding: 10px 15px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1em;
  transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.nav-link:hover {
  background-color: rgba(0, 0, 0, 0);
}

.nav-link.w--current {
  color: var(--light);
  background-color: rgba(0, 0, 0, 0);
  text-decoration: overline;
}

.nav-link.w--current:hover {
  background-color: rgba(0, 0, 0, 0);
}

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

.grid-hero-a {
  width: 100%;
  min-height: 100vh;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.2fr;
  padding: .7em;
}

.project-hero-a {
  width: 100%;
  background-color: var(--dark);
  perspective: 1200px;
  border-radius: 1.17em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-a {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10em 1.6em 1.2em;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: .7em;
}

.text-info {
  color: rgba(230, 230, 230, .5);
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
}

.link-motion {
  flex-direction: column;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-block {
  grid-row-gap: .2em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.link-motion-text {
  color: var(--light);
  font-size: .94em;
  font-weight: 600;
  line-height: 1.4em;
}

.link-motion-text.absolute {
  position: absolute;
  top: 100%;
}

.paragraph-hero {
  max-width: 20em;
  font-size: 1.06em;
  line-height: 1.72em;
}

.heading-hero {
  font-size: 3.35vw;
}

.block-hero {
  grid-row-gap: 1.7em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 6.4em;
  display: flex;
}

.text-span {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  line-height: .8em;
}

.grid-project-a {
  z-index: 50;
  width: 100%;
  grid-column-gap: 2.35em;
  grid-row-gap: 2.35em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-content: center;
  justify-content: center;
  position: absolute;
}

.lightbox-link {
  width: 44vw;
  height: 25vw;
  perspective: 1200px;
  border-radius: .94em;
  position: relative;
  overflow: hidden;
}

.lightbox-link.type-b, .lightbox-link.type-c {
  width: 52vw;
  height: 30vw;
  background-color: rgba(230, 230, 230, .03);
  position: relative;
}

.lightbox-link.type-full, .lightbox-link.type-full-50 {
  width: 100%;
  height: 100%;
  background-color: var(--dark);
  position: relative;
}

.background-video {
  z-index: 30;
  width: 100%;
  height: 100%;
}

.block-project-text {
  z-index: 30;
  grid-row-gap: .12em;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: rgba(45, 44, 45, .5);
  border-radius: .76em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: .9em 2.5em .9em 1.1em;
  display: flex;
  position: absolute;
  top: auto;
  bottom: .95em;
  left: .95em;
  right: auto;
}

.subheading-project {
  color: rgba(230, 230, 230, .5);
  font-size: .82em;
  line-height: 1.4em;
}

.image-hover {
  z-index: 20;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.logo {
  z-index: 700;
  height: 48px;
  mix-blend-mode: normal;
  flex-direction: column;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: fixed;
  top: 24px;
  left: 24px;
}

.grid-hero-b {
  width: 100%;
  min-height: 100vh;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.2fr;
  align-items: end;
  justify-items: stretch;
  padding: .7em;
}

.hero-b {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10em 1.6em 1.2em;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: .7em;
}

.grid-project-b {
  grid-column-gap: 2.35em;
  grid-row-gap: 7em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 10em;
  margin-bottom: 9em;
  position: relative;
}

.project-hero-b {
  width: 100%;
  background-color: var(--dark);
  border-radius: 1.17em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding: 1.6em 1.8em;
  display: flex;
}

.block-footer {
  grid-column-gap: .8em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-footer {
  color: rgba(230, 230, 230, .5);
  letter-spacing: .13em;
  text-transform: uppercase;
  flex: none;
  padding: 1em;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
  text-decoration: none;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
}

.link-footer:hover {
  color: var(--light);
}

.block-lightbox {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.block-project-c {
  perspective: 1200px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.block-project-hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-project-c {
  grid-column-gap: 2.35em;
  grid-row-gap: 8em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 15em;
  margin-bottom: 11em;
  position: relative;
}

.project-hero-c {
  width: 100%;
  background-color: var(--dark);
  border-radius: 1.17em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-c {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10em 1.6em 1.2em;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: .7em;
}

.grid-hero-c {
  width: 100%;
  min-height: 100vh;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.2fr;
  align-items: end;
  justify-items: stretch;
  padding: .7em;
}

.section-hero-horizontal {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.hero-sticky {
  z-index: 10;
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.frame {
  width: 100%;
  height: 100%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.frame-100 {
  width: 100vw;
  height: 100vh;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .7em;
  display: flex;
}

.frame-100.padding-0 {
  width: 100%;
  height: 100%;
  padding: 0;
}

.frame-50 {
  width: 50vw;
  height: 100vh;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .7em;
  display: flex;
}

.grid-2-lightbox {
  width: 100%;
  height: 100%;
  grid-column-gap: 1.4em;
  grid-row-gap: 1.4em;
  grid-template-columns: 1fr;
}

.block-cta-full {
  width: 100%;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 6.5em 12% 3em;
  display: flex;
}

.heading-cta-full {
  font-size: 6.17vw;
  line-height: 1.05em;
}

.link-cta-full {
  max-width: 50vw;
  text-decoration: none;
  position: relative;
}

.yellow-circle {
  width: 9vw;
  height: 9vw;
  filter: blur(20px);
  perspective: 1000px;
  mix-blend-mode: color-dodge;
  background-image: linear-gradient(150deg, #e3d026 10%, #e32626 90%);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.blue-circle {
  width: 60%;
  height: 60%;
  mix-blend-mode: color-dodge;
  background-image: linear-gradient(150deg, #5ecfff 10%, #006ded 90%);
  border-radius: 100%;
}

.circle {
  perspective: 1000px;
  mix-blend-mode: difference;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: -7%;
}

.hero-horizontal {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.block-hero-horizontal {
  grid-row-gap: 2.5em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-hero-large {
  font-size: 6.17vw;
  line-height: 1.04em;
}

.circle-hero {
  perspective: 1000px;
  mix-blend-mode: difference;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: -8vw;
}

.block-circle-hero {
  justify-content: center;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.yellow-circle-hero {
  width: 16vw;
  height: 16vw;
  filter: blur(35px);
  perspective: 1000px;
  mix-blend-mode: color-dodge;
  background-image: linear-gradient(150deg, #e3d026 10%, #e32626 90%);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.blue-circle-hero {
  width: 60%;
  height: 60%;
  mix-blend-mode: color-dodge;
  background-image: linear-gradient(150deg, #5ecfff 10%, #006ded 90%);
  border-radius: 100%;
}

.text-circle {
  color: var(--light);
  margin-right: 7vw;
  font-size: .92em;
  font-weight: 600;
  line-height: 1.4em;
}

.section-reel {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 94px 24px 24px;
  position: relative;
}

.grid-work {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.lightbox-link-work {
  width: 100%;
  perspective: 1200px;
  text-decoration: none;
  position: relative;
}

.lightbox-link-work.hero-work-m {
  display: none;
}

.block-project-work {
  width: 100%;
  height: 17vw;
  position: relative;
  overflow: hidden;
}
.reel-item .block-project-work {
  max-height: 300px;
}
.block-project-work.large {
  height: 36vw;
}

.block-project-text-work {
  width: 100%;
  height: 100%;
  z-index: 300;
  aspect-ratio: auto;
  opacity: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  white-space: break-spaces;
  word-break: break-all;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: end;
  font-size: 18px;
}

.heading-project-work {
  text-align: center;
  margin-bottom: .1em;
}

.subheading-project-work {
  /* color: rgba(230, 230, 230, .5); */
  color: white;
  text-align: center;
  font-size: .82em;
  font-weight: 600;
  line-height: 1.4em;
  display: block;
}

.section-call-to-action {
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 9vw 7%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.circle-cta {
  perspective: 1000px;
  mix-blend-mode: difference;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: -4vw;
}

.yellow-circle-cta {
  width: 8vw;
  height: 8vw;
  filter: blur(30px);
  perspective: 1000px;
  mix-blend-mode: color-dodge;
  background-image: linear-gradient(150deg, #e3d026 10%, #e32626 90%);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.blue-circle-cta {
  width: 60%;
  height: 60%;
  mix-blend-mode: color-dodge;
  background-image: linear-gradient(150deg, #5ecfff 10%, #006ded 90%);
  border-radius: 100%;
}

.heading-cta {
  text-align: right;
  font-size: 3.7vw;
}

.link-cta {
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.section-full {
  height: 100vh;
  perspective: 1200px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid-work-full {
  z-index: 50;
  width: 100%;
  grid-column-gap: 2.35em;
  grid-row-gap: 2.35em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-content: center;
  justify-content: center;
  position: absolute;
}

.section-call-to-action-large {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 12vw 9%;
  display: flex;
}

.heading-cta-large {
  font-size: 6.17vw;
  line-height: 1.05em;
}

.link-cta-large {
  max-width: 50vw;
  text-decoration: none;
  position: relative;
}

.grid-work-r {
  grid-column-gap: 1.9em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
}

.grid-work-l {
  grid-column-gap: 1.9em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
}

.block-work-r-l {
  grid-row-gap: 4.6em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.block-heading-top {
  width: 100%;
  max-width: 70em;
  grid-row-gap: 1.7em;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 6.2em;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.7em;
  padding-bottom: 2.7em;
  display: flex;
}

.heading-top {
  text-align: left;
  align-self: flex-start;
  margin-bottom: 24px;
  font-size: 6.17em;
}

.paragraph-top {
  text-align: left;
  padding-left: 6px;
  font-size: 1.06em;
  line-height: 1.72em;
}

.paragraph-top.large {
  max-width: 30em;
}

.collection-list-wrapper {
  width: 100%;
  max-width: 60.4em;
  margin-bottom: 10em;
  margin-left: auto;
  margin-right: auto;
}

.collection-list {
  grid-column-gap: 0em;
  grid-row-gap: 8.8em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-image-blog {
  width: 100%;
}

.image-blog {
  width: 100%;
  object-fit: cover;
  border-radius: .94em;
}

.link-heading-blog {
  text-decoration: none;
}

.block-heading-blog {
  width: 100%;
  grid-column-gap: .84em;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-info-blog {
  color: rgba(230, 230, 230, .5);
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
}

.collection-item {
  grid-row-gap: 1.3em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.block-image-blog {
  width: 100%;
  border-radius: .94em;
  overflow: hidden;
}

.empty-state {
  background-color: var(--dark);
  border-radius: .94em;
  padding: 1.2em 1.6em;
}

.text-empty {
  font-size: .92em;
  line-height: 1.4em;
}

.image-blog-main {
  width: 100%;
  height: 70vh;
  object-fit: cover;
  border-radius: 1.17em;
}

.image-gallery {
  width: 100%;
  object-fit: cover;
  border-radius: 1.17em;
}

.collection-list-gallery {
  grid-column-gap: 0em;
  grid-row-gap: .7em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-main {
  width: 100%;
  max-width: 47em;
  margin: 6.4em auto 5.4em;
}

.block-heading-blog-main {
  grid-row-gap: .8em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 3.5em;
  display: flex;
}

.text-info-blog-main {
  background-color: var(--dark);
  color: rgba(230, 230, 230, .5);
  letter-spacing: .13em;
  text-transform: uppercase;
  border-radius: 50em;
  padding: .8em 1.4em;
  font-size: .65em;
  font-weight: 600;
  line-height: 1.4em;
}

.block-img-large-a {
  width: 100%;
  min-height: 75vh;
  background-color: var(--dark);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8em 7%;
  display: flex;
}

.section-thin {
  padding: .7em;
}

.heading-large {
  margin-bottom: .2em;
  font-size: 10vw;
}

.block-img-large-b {
  width: 100%;
  min-height: 50vh;
  background-color: var(--dark);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content {
  width: 100%;
  max-width: 65em;
  grid-row-gap: 7.8em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: 8em auto;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
}

.grid-content {
  grid-column-gap: 1em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr;
}

.heading-content {
  font-family: Noto Serif KR, sans-serif;
  font-weight: 200;
  line-height: 1.18em;
}

.block-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.block-lists {
  grid-row-gap: .9em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-info-content {
  color: rgba(230, 230, 230, .5);
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
}

.grid-contact-a {
  width: 100%;
  min-height: 100vh;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.2fr;
  padding: .7em;
  overflow: hidden;
}

.contact-a {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10em 1.6em 1.2em;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: .7em;
}

.grid-contact-links {
  width: 100%;
  grid-column-gap: .7em;
  grid-row-gap: .7em;
}

.contact-link {
  grid-column-gap: .9em;
  background-color: var(--dark);
  border-radius: 1.17em;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 2em 2.2em;
  text-decoration: none;
  transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
  overflow: hidden;
}

.contact-link:hover {
  background-color: #539165;
}

.contact-link.color-a1:hover {
  background-color: #d47733;
}

.contact-link.color-a2:hover {
  background-color: #4058b8;
}

.heading-contact {
  margin-bottom: -.1em;
}

.text-contact {
  color: rgba(230, 230, 230, .5);
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
}

.hover {
  z-index: 10;
  width: 0%;
  height: 100%;
  background-color: var(--background);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.grid-contact-c {
  width: 100%;
  min-height: 100vh;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.3fr;
  padding: .7em;
  overflow: hidden;
}

.contact-c {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10em 15% 7em 12%;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: .7em;
}

.form-block {
  width: 100%;
  align-self: center;
}

.block-contact-c {
  width: 100%;
  grid-row-gap: 2.8em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-field {
  height: 3.2em;
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--border);
  color: var(--light);
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 1.7em;
  padding: .6em 0;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.4em;
  transition: border-color .4s cubic-bezier(.25, .46, .45, .94);
}

.text-field:focus {
  border-bottom-color: var(--light);
}

.text-field::-ms-input-placeholder {
  color: rgba(230, 230, 230, .5);
}

.text-field::placeholder {
  color: rgba(230, 230, 230, .5);
}

.textarea {
  max-height: 25em;
  max-width: 100%;
  min-height: 10em;
  min-width: 100%;
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--border);
  color: var(--light);
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 2.1em;
  padding: .6em 0;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.4em;
  transition: border-color .4s cubic-bezier(.25, .46, .45, .94);
}

.textarea:focus {
  border-bottom-color: var(--light);
}

.textarea::-ms-input-placeholder {
  color: rgba(230, 230, 230, .5);
}

.textarea::placeholder {
  color: rgba(230, 230, 230, .5);
}

.form {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.form.center {
  flex-direction: column;
  align-items: flex-end;
}

.block-field {
  width: 100%;
  grid-column-gap: 32px;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.submit-button {
  min-width: 31%;
  background-color: var(--dark);
  color: var(--light);
  border-radius: 0;
  padding: 1.3em 0 1.3em 0;
  font-size: .94em;
  font-weight: 600;
  line-height: 1.4em;
  transition: background-color .4s cubic-bezier(.25, .46, .45, .94), color .4s cubic-bezier(.25, .46, .45, .94);
}

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

.success-message {
  background-color: rgba(83, 145, 101, .14);
  border-radius: 1.17em;
  padding: 1.2em 2.2em;
}

.text-success {
  color: #539165;
  font-size: .92em;
  font-weight: 600;
  line-height: 1.4em;
}

.error-message {
  background-color: rgba(216, 31, 31, .14);
  border-radius: 1.17em;
  margin-top: 1.2em;
  padding: 1.2em 2.2em;
}

.text-error {
  color: #d81f1f;
  font-size: .92em;
  font-weight: 600;
  line-height: 1.4em;
}

.section-center {
  width: 100%;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 9em 8%;
  display: flex;
}

.block-center {
  width: 100%;
  max-width: 70em;
  grid-row-gap: 3em;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.text-block-center {
  width: 100%;
  grid-row-gap: 1.7em;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.utility-page-wrap {
  width: 100%;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 9em 8% 6em;
  display: flex;
}

.utility-page-content {
  width: 100%;
  max-width: 21em;
  grid-row-gap: 1.25em;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.field-label {
  color: rgba(230, 230, 230, .5);
  text-align: left;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-top: 3em;
  margin-bottom: 0;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
}

.button {
  background-color: var(--dark);
  color: var(--light);
  border-radius: 50em;
  padding: 1.3em 3em;
  font-size: .94em;
  font-weight: 600;
  line-height: 1.4em;
  transition: background-color .4s cubic-bezier(.25, .46, .45, .94), color .4s cubic-bezier(.25, .46, .45, .94);
}

.button:hover {
  background-color: var(--light);
  color: var(--background);
}

.grid-colors {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.block-color {
  min-height: 8em;
  grid-row-gap: .25em;
  background-color: var(--background);
  border-radius: .94em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 1.3em;
  display: flex;
}

.block-color.dark-color {
  background-color: var(--dark);
}

.block-color.border-color {
  background-color: var(--border);
}

.block-color.paragraphs-color {
  background-color: var(--paragraphs);
}

.block-color.light-color {
  background-color: var(--light);
}

.hex-color {
  color: rgba(230, 230, 230, .5);
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
}

.hex-color.dark {
  color: rgba(0, 0, 0, .5);
}

.text-color {
  color: var(--light);
  font-size: .9em;
  font-weight: 500;
  line-height: 1.2em;
}

.text-color.dark {
  color: var(--background);
}

.grid-licensing {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  grid-template-rows: auto;
  margin-top: -1em;
}

.image-licensing {
  width: 100%;
  object-fit: cover;
  border-radius: .94em;
}

.fonts-licensing {
  grid-row-gap: 1.4em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: -1em;
  display: flex;
}

.dt-nightingale {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
}

.splash-subsection {
  text-align: center;
  padding-top: 0;
  padding-bottom: 1.6em;
}

.heading-subsection-splash {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
}

.grid-splash {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  grid-template-rows: auto;
  margin-bottom: 10em;
}

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

.splash {
  margin-bottom: -3em;
}

.link-splash {
  width: 100%;
  background-color: var(--background);
  color: rgba(230, 230, 230, .5);
  border: 1px solid rgba(230, 230, 230, .15);
  border-radius: 1.17em;
  padding: 9% 12% 8%;
  text-decoration: none;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
  display: block;
  position: relative;
}

.link-splash:hover {
  color: var(--light);
  background-color: rgba(25, 24, 25, .75);
  border-color: rgba(230, 230, 230, 0);
}

.background-video-splash {
  z-index: 5;
  height: 22.5vw;
  border: 1px solid rgba(230, 230, 230, .15);
  border-radius: .6em;
}

.heading-splash {
  text-align: center;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-top: 2em;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
}

.image-splash {
  width: 100%;
  border: 1px solid rgba(230, 230, 230, .15);
  border-radius: .6em;
}

.brand-h1 {
  -webkit-text-stroke-color: var(--light);
  margin-top: 0;
  padding: 14px 20px;
  font-size: 24px;
  line-height: 1.13em;
}

.hero-bg-video {
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  object-fit: fill;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.hero-center-logo {
  max-width: 80%;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  flex-direction: column;
  justify-content: flex-start;
  padding: 28px 45px 40px;
  display: flex;
}

.home-body {
  height: 100vh;
  overflow: auto;
}

.gsb {
  z-index: 500;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--light);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: center;
  padding: 6px;
  display: grid;
  position: fixed;
  top: auto;
  bottom: 24px;
  left: 24px;
  right: auto;
}

.gng-sns-icon {
  width: 48px;
  height: 48px;
  color: var(--light);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  text-decoration: none;
  transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.gng-sns-icon:hover {
  background-color: rgba(0, 0, 0, 0);
}

.gng-sns-icon.youtube {
  cursor: pointer;
  background-image: url('/images/gng_sns_icon_youtube_w64.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.gng-sns-icon.youtube:hover {
  background-color: rgba(0, 0, 0, .4);
}

.gng-sns-icon.youtube.icon {
  background-size: 32px 32px;
}

.gng-sns-icon.youtube.icon:hover {
  background-color: rgba(0, 0, 0, 0);
}

.gng-sns-icon.insta {
  cursor: pointer;
  background-image: url('/images/gng_sns_icon_insta_w64.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

.gng-sns-icon.insta.icon {
  background-size: 32px 32px;
}

.gng-sns-icon.insta.icon:hover {
  background-color: rgba(0, 0, 0, 0);
}

.a11y-hidden {
  width: 1px;
  height: 1px;
  opacity: 0;
  object-fit: none;
  display: inline;
  position: absolute;
  overflow: hidden;
}

.lang-link {
  color: var(--light);
  text-align: center;
  font-size: .75em;
  font-weight: 600;
  line-height: 1.1em;
}

.mobile-sns-box {
  display: none;
}

.works-filter {
  margin-left: 33.33vw;
  position: absolute;
  padding-top: 10px;
  z-index: 300;
}

@media screen and (max-width: 1200px) {
  .works-filter {
    margin-left: 200px;
  }
}
@media screen and (max-width: 991px) {
  .works-filter {
    margin-left: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.icon {
  color: var(--light);
}

.dropdown-toggle {
  height: 100%;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.dropdown {
  min-height: 46px;
}

.dropdown.filter-level-2 {
  text-transform: lowercase;
}

.dropdown.filter-level-1 {
  text-transform: uppercase;
}

.selected-filter {
  color: var(--light);
  font-weight: 700;
}

.dropdown-list {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  object-fit: fill;
  background-color: rgba(45, 44, 45, .5);
  padding: 6px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4em;
}

.dropdown-list.w--open {
  object-fit: fill;
}

.dropdown-item {
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  object-fit: fill;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color .3s;
  display: block;
}

.dropdown-item:hover {
  background-color: rgba(0, 0, 0, .4);
}

.hero-work {
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  display: flex;
  position: relative;
}

.map {
  margin-top: 128px;
}

.section-work {
  margin-top: 0;
  padding: 24px;
}

.lab-list {
  width: 100%;
  max-width: 70em;
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  display: grid;
}

.lab-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.lab-item-poster {
  text-decoration: none;
}

.lab-item-img {
  width: 100%;
  height: 290px;
  background-image: url('/images/lab_rollis_main.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lab-item-img.jello {
  background-image: url('/images/lab_jello_main.png');
}

.lab-item-img.rollis {
  background-image: url('/images/lab_rollis_main.png');
}

.lab-item-title {
  font-size: 32px;
  font-weight: 500;
  text-decoration: none;
}

.lab-item-out-links {
  height: 32px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  display: flex;
}

.lab-item-web-btn {
  width: 175px;
  height: 32px;
  background-color: var(--background);
  -webkit-text-fill-color: inherit;
  background-image: url('/images/gng_sns_icon_web.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-clip: border-box;
  padding: 0;
}

.lab-item-sns-btn {
  background-color: var(--background);
  opacity: .5;
  background-image: url('/images/gng_sns_icon_youtube_w64.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0;
}

.lab-item-sns-btn.youtube {
  width: 32px;
  height: 32px;
  width: 32px;
  height: 32px;
  background-image: url('/images/gng_sns_icon_youtube_w64.png');
}

.lab-item-sns-btn.insta {
  width: 32px;
  height: 32px;
  background-image: url('/images/gng_sns_icon_insta_w64.png');
}

.image {
  width: 100%;
  height: 290px;
  object-fit: cover;
}

.lab-detail-heading {
  text-align: left;
  font-size: 48px;
  line-height: 1em;
  display: block;
}

.lab-detail-block {
  width: 100%;
  max-width: 70em;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-self: flex-start;
  align-items: flex-end;
  margin-bottom: 24px;
  display: flex;
}

.lab-item .block-center,
.lab-item .lab-detail-block {
  max-width: 1920px;
}

.lab-item .lab-detail-block.plyr-box {
  justify-content: center;
}

.background-video-2 {
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
}

.body-2 {
  background-image: url('/images/renewal_wall.jpeg');
  background-position: 50%;
  background-size: cover;
}

.static-project-text-work {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.body-3 {
  justify-content: center;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.2em;
  }

  h2 {
    font-size: 2.6em;
  }

  h3 {
    font-size: 2em;
  }

  h4 {
    font-size: 1.4em;
  }

  h5 {
    font-size: 1.1em;
  }

  /* .nav-link {
    font-size: 16px;
  } */

  .grid-hero-a {
    align-items: end;
  }

  .grid-project-a {
    grid-template-columns: 1fr;
    justify-items: center;
    margin-top: 7em;
    margin-bottom: 7vw;
    position: relative;
  }

  .lightbox-link {
    width: 52vw;
    height: 30vw;
  }

  .lightbox-link.type-full {
    height: 54vw;
  }

  .lightbox-link.type-full-50 {
    height: 30vw;
  }

  .lightbox-link.type-work-c {
    width: 82vw;
    height: 46vw;
  }

  .background-video {
    display: none;
  }

  .background-video.no-image {
    display: block;
  }

  .grid-project-b {
    grid-row-gap: 2.35em;
    margin-top: 7em;
    margin-bottom: 2em;
  }

  .grid-project-c {
    grid-row-gap: 6em;
  }

  .section-hero-horizontal {
    height: auto;
  }

  .frame {
    flex-direction: column;
  }

  .frame-100 {
    width: 100%;
    height: auto;
  }

  .frame-100.padding-0 {
    width: 100vw;
    height: 100vh;
  }

  .frame-50 {
    width: 100%;
    height: auto;
  }

  .grid-2-lightbox {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .block-cta-full {
    min-height: 40vh;
    padding-top: 3em;
    padding-left: 8%;
    padding-right: 8%;
  }

  .heading-cta-full {
    font-size: 8vw;
  }

  .link-cta-full {
    max-width: 62vw;
  }

  .hero-horizontal {
    min-height: auto;
    flex-direction: column;
    padding: 14em 8% 0;
  }

  .block-hero-horizontal {
    max-width: 60vw;
    text-align: center;
    align-items: center;
  }

  .heading-hero-large {
    font-size: 8vw;
  }

  .circle-hero {
    top: 8vw;
    right: auto;
  }

  .block-circle-hero {
    text-align: center;
    margin-top: 8em;
  }

  .yellow-circle-hero {
    filter: blur(30px);
  }

  .text-circle {
    margin-bottom: 2em;
    margin-right: 0;
  }

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

  .block-project-work, .block-project-work.large {
    height: 25vw;
  }

  .block-project-text-work {
    opacity: 1;
  }

  .section-call-to-action {
    padding-top: 12vw;
    padding-bottom: 12vw;
  }

  .yellow-circle-cta {
    filter: blur(20px);
  }

  .heading-cta {
    font-size: 5vw;
  }

  .section-full {
    height: auto;
  }

  .grid-work-full {
    grid-template-columns: 1fr;
    justify-items: center;
    margin-top: 8em;
    margin-bottom: 9vw;
    position: relative;
  }

  .section-call-to-action-large {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }

  .grid-work-r, .grid-work-l {
    grid-template-columns: 1fr 1fr;
  }

  .block-work-r-l {
    grid-row-gap: 2.9em;
  }

  .block-heading-top {
    margin-bottom: 4.2em;
  }

  .heading-top {
    font-size: 4.4em;
  }

  .collection-list-wrapper {
    margin-bottom: 6em;
  }

  .collection-list {
    grid-row-gap: 5.5em;
  }

  .image-blog-main {
    height: auto;
  }

  .blog-main {
    margin-top: 4.4em;
    margin-bottom: 3.4em;
    padding-left: 1.7em;
    padding-right: 1.7em;
  }

  .block-img-large-a {
    min-height: 60vh;
  }

  .heading-large {
    font-size: 14vw;
  }

  .block-img-large-b {
    min-height: 40vh;
  }

  .content {
    margin-top: 5.5em;
    margin-bottom: 5.5em;
  }

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

  .submit-button {
    min-width: 62%;
  }

  .section-center {
    padding: 94px 24px 24px;
  }

  .block-center {
    max-width: none;
  }

  .grid-splash {
    margin-bottom: 8em;
  }

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

  .brand-h1 {
    font-size: 18px;
  }

  .hero-center-logo {
    max-width: 80%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .works-filter {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-around;
    margin-top: 90px;
    margin-left: 0;
    padding-top: 0;
    margin-bottom: 24px;
    position: relative;
  }

  .map {
    margin-top: 96px;
  }

  .section-work {
    padding-top: 0;
  }

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

  .image {
    height: 250px;
  }

  .body-3 {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }

  h1 {
    font-size: 2.8em;
  }

  h2 {
    font-size: 2.2em;
  }

  h3 {
    font-size: 1.7em;
  }

  h4 {
    font-size: 1.3em;
  }

  .navbar {
    padding: 24px;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .brand {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding-left: 0;
  }

  .nav-menu {
    margin-left: 24px;
    margin-right: 24px;
  }

  .nav-link {
    padding-top: 1.3em;
    padding-bottom: 1.3em;
  }

  .icon-menu {
    font-size: 24px;
    line-height: 1em;
  }

  .menu-button {
    /* -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background-color: rgba(45, 44, 45, .5);
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94); */
    color: var(--light);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 11px;
    display: flex;
  }

  .menu-button.w--open {
    background-color: rgba(45, 44, 45, 1);
  }

  [data-nav-menu-open] {
    background-color: rgba(45, 44, 45, 1);
  }

  .grid-hero-a {
    grid-template-columns: 1fr;
    overflow: hidden;
  }

  .heading-hero {
    font-size: 8vw;
  }

  .grid-project-a {
    margin-top: 8vw;
    margin-bottom: 8vw;
  }

  .lightbox-link, .lightbox-link.type-b, .lightbox-link.type-c {
    width: 80vw;
    height: 45vw;
  }

  .lightbox-link.type-full-50 {
    height: 54vw;
  }

  .grid-hero-b {
    grid-template-columns: 1fr;
    overflow: hidden;
  }

  .grid-project-b {
    margin-top: 8vw;
  }

  .footer {
    grid-row-gap: .75em;
    flex-direction: column;
  }

  .grid-project-c {
    margin-top: 10em;
    margin-bottom: 12em;
  }

  .grid-hero-c {
    grid-template-columns: 1fr;
    overflow: hidden;
  }

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

  .block-cta-full {
    min-height: auto;
    padding-top: 7em;
    padding-bottom: 7em;
  }

  .yellow-circle {
    filter: blur(12px);
  }

  .hero-horizontal {
    padding-top: 10em;
  }

  .circle-hero {
    top: 3em;
  }

  .block-circle-hero {
    margin-top: 6em;
  }

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

  .lightbox-link-work.hero-work-m {
    display: block;
  }

  .block-project-work, .block-project-work.large {
    height: 50vw;
  }

  .yellow-circle-cta {
    filter: blur(12px);
  }

  .heading-cta {
    font-size: 6.5vw;
  }

  .grid-work-r, .grid-work-l {
    grid-row-gap: 2.9em;
    grid-template-columns: 1fr;
  }

  .heading-top {
    font-size: 3.6em;
  }

  .blog-main {
    margin-top: 3.4em;
    margin-bottom: 2.4em;
  }

  .block-img-large-b {
    min-height: 30vh;
  }

  .block-content {
    flex-direction: column;
  }

  .grid-contact-a {
    min-height: auto;
    grid-template-columns: 1fr;
  }

  .contact-link {
    min-height: 50vw;
  }

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

  .contact-c {
    padding-left: 10%;
    padding-right: 10%;
  }

  .block-field {
    flex-direction: column;
  }

  .submit-button {
    width: 100%;
    min-width: auto;
  }

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

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

  .splash-subsection {
    padding-bottom: 1em;
  }

  .grid-splash {
    grid-row-gap: 4vw;
    grid-template-columns: 1fr;
  }

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

  .background-video-splash {
    height: 43vw;
  }

  .brand-h1 {
    filter: none;
  }

  .hero-center-logo {
    padding: 22px 35px 30px;
  }

  .gsb {
    display: none;
  }

  .mobile-sns-box {
    display: flex;
  }

  .hero-work {
    display: none;
  }

  .map {
    margin-top: 64px;
  }

  .section-work {
    padding-top: 0;
  }

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

  .lab-item-img {
    height: 350px;
  }

  .lab-item-img.seereal, .lab-item-img.jello, .lab-item-img.rollis {
    height: 320px;
  }

  .image {
    height: 350px;
  }

  .body-3 {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.2em;
  }

  h2 {
    font-size: 1.7em;
  }

  h3 {
    font-size: 1.3em;
  }

  h4 {
    font-size: 1.1em;
  }

  h5 {
    font-size: 1em;
  }

  h6 {
    font-size: .9em;
  }

  .navbar {
    padding: 16px;
  }

  .brand {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding-left: 0;
  }

  .nav-menu {
    margin-left: 16px;
    margin-right: 16px;
  }

  .icon-menu {
    font-size: 24px;
  }

  .grid-hero-a {
    padding: 0;
  }

  .grid-project-a {
    grid-row-gap: 1.25em;
    margin-top: 5vw;
    margin-bottom: 5vw;
  }

  .lightbox-link, .lightbox-link.type-b, .lightbox-link.type-c {
    width: 90vw;
    height: 50vw;
  }

  .block-project-text {
    grid-row-gap: 0em;
    padding: .8em 2em .8em .9em;
    bottom: .4em;
    left: .4em;
  }

  .subheading-project {
    font-size: .7em;
  }

  .heading-project {
    font-size: .8em;
  }

  .logo {
    top: 16px;
    left: 16px;
  }

  .grid-hero-b {
    padding: 0;
  }

  .grid-project-b {
    grid-row-gap: 1.25em;
    margin-top: 5vw;
  }

  .footer {
    grid-row-gap: 1.75em;
  }

  .block-footer {
    grid-row-gap: .5em;
    flex-direction: column;
  }

  .grid-hero-c {
    padding: 0;
  }

  .frame-100, .frame-50 {
    padding-top: .35em;
    padding-bottom: .35em;
  }

  .grid-2-lightbox {
    grid-row-gap: .7em;
  }

  .block-cta-full {
    padding-top: 4.2em;
    padding-bottom: 4.2em;
  }

  .yellow-circle-hero {
    width: 20vw;
    height: 20vw;
    filter: blur(20px);
  }

  .section-reel {
    padding: 78px 16px 16px;
  }

  .grid-work {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .section-call-to-action {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }

  .section-call-to-action-large {
    padding-top: 17vw;
    padding-bottom: 17vw;
  }

  .block-heading-top {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .heading-top {
    font-size: 2.8em;
  }

  .collection-list-wrapper {
    margin-bottom: 4.5em;
  }

  .collection-list {
    grid-row-gap: 4em;
  }

  .block-heading-blog {
    grid-row-gap: .25em;
    flex-direction: column;
  }

  .content {
    grid-row-gap: 6em;
  }

  .grid-content {
    grid-row-gap: 3em;
    grid-template-columns: 1fr;
  }

  .contact-link {
    padding: 1.6em;
  }

  .section-center {
    padding-top: 76px;
    padding-left: 16px;
    padding-right: 16px;
  }

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

  .grid-splash {
    margin-bottom: 6em;
  }

  .splash {
    margin-bottom: -2em;
  }

  .hero-center-logo {
    width: 100%;
    max-width: none;
    padding: 14px 20px 20px;
  }

  .gsb {
    flex-direction: column;
    bottom: 16px;
    left: 16px;
  }

  .map {
    margin-top: 57px;
  }

  .section-work {
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .lab-item-img, .image {
    height: 220px;
  }

  .lab-detail-heading {
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  .body-2 {
    background-size: contain;
  }
}

#w-node-_85cabc28-3024-30e1-b6fe-eac2a526c6b0-a7243052, #w-node-_47629fb4-b37a-9b2a-a9d1-54591408a673-a7243052, #w-node-edb5e2d0-212d-ee22-b15b-3604c8254912-a7243052, #w-node-_37ffb32f-f249-0967-e47d-af0d8a02ecef-a7243052, #w-node-_41956b69-a315-424a-ecf1-0f19fff4546d-a7243054, #w-node-f7b7a4ae-9e87-1db1-5504-56d64dc709d4-a7243056, #w-node-ad134e9e-34fb-7446-97f0-41d3ea16a351-a7243056 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-db670680-0d7f-8180-8e2c-5efe494a4ed7-a7243056, #message.w-node-c30fbd47-14b0-93cb-f8a1-f44b58f45ce9-a7243057 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f7b7a4ae-9e87-1db1-5504-56d64dc709d4-a7243058 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#message.w-node-c1fb322f-7b9a-9f1b-5cba-8e6850230558-a7243058 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad134e9e-34fb-7446-97f0-41d3ea16a351-a7243058 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-db670680-0d7f-8180-8e2c-5efe494a4ed7-a7243058 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f7b7a4ae-9e87-1db1-5504-56d64dc709d4-a724305a, #w-node-_6847cd84-5a68-23c2-53ae-0a12d7ef874f-a724305a, #w-node-_2e0d7e89-6d16-341c-0a86-19d0142fa770-a724305a, #w-node-e2a44cb6-e23a-4745-e5c8-bd9204df7cf6-a724305a, #w-node-_189b958c-2945-7767-a0ac-5aa33b1cf823-a724305a, #w-node-_8cc8b5f5-9e67-e88c-939f-081a75c57fd8-a724305a, #w-node-_8a4515c9-85a3-04eb-a4a5-ff5b5ddcc279-a724305a, #w-node-_79108424-ea6e-323f-866f-b333f4e87506-a724305a, #w-node-_080e7087-2034-2301-c999-af29f7a0cfaf-a724305a, #w-node-_5615d716-8473-c162-eca5-1d82ffa6352c-a724305a, #w-node-c58d7300-d47f-84b5-0d4f-40c5e1c8fc5a-a724305a, #w-node-f7b7a4ae-9e87-1db1-5504-56d64dc709d4-a724305b, #w-node-_6847cd84-5a68-23c2-53ae-0a12d7ef874f-a724305b, #w-node-_2e0d7e89-6d16-341c-0a86-19d0142fa770-a724305b, #w-node-e2a44cb6-e23a-4745-e5c8-bd9204df7cf6-a724305b, #w-node-_189b958c-2945-7767-a0ac-5aa33b1cf823-a724305b, #w-node-_8cc8b5f5-9e67-e88c-939f-081a75c57fd8-a724305b, #w-node-_8a4515c9-85a3-04eb-a4a5-ff5b5ddcc279-a724305b, #w-node-_79108424-ea6e-323f-866f-b333f4e87506-a724305b, #w-node-_080e7087-2034-2301-c999-af29f7a0cfaf-a724305b, #w-node-_5615d716-8473-c162-eca5-1d82ffa6352c-a724305b, #w-node-c58d7300-d47f-84b5-0d4f-40c5e1c8fc5a-a724305b, #w-node-f7b7a4ae-9e87-1db1-5504-56d64dc709d4-a724305c, #w-node-_6847cd84-5a68-23c2-53ae-0a12d7ef874f-a724305c, #w-node-_2652e610-888a-b273-35d8-a89a10ddabc2-a724305c, #w-node-ab750781-0f42-aae4-03a9-551fd619e087-a724305c, #w-node-_2e0d7e89-6d16-341c-0a86-19d0142fa770-a724305c, #w-node-_31e2f3fa-ef70-995e-82f6-f8da430e7a27-a724305c, #w-node-_9bd78967-2110-e700-fb60-70448abf9eb8-a724305c, #w-node-e2a44cb6-e23a-4745-e5c8-bd9204df7cf6-a724305c, #w-node-_2e3562e8-8005-8d04-0c7d-c778ce0ad9a1-a724305c, #w-node-f32cacb7-6d6f-0705-aa85-e4670b8f7ddb-a724305c, #w-node-_189b958c-2945-7767-a0ac-5aa33b1cf823-a724305c, #w-node-_49fded47-9829-741a-5acb-969840b0c25f-a724305c, #w-node-_78dc9981-f87d-a8b7-9e1d-27a795f2baae-a724305c, #w-node-_8cc8b5f5-9e67-e88c-939f-081a75c57fd8-a724305c, #w-node-daedf95d-2de9-efca-473f-1297634399a4-a724305c, #w-node-a010bd5d-9755-44cc-95fe-67a7e922c95d-a724305c, #w-node-_8a4515c9-85a3-04eb-a4a5-ff5b5ddcc279-a724305c, #w-node-f3d43838-1593-e78a-ec2a-68d996667a01-a724305c, #w-node-_4df1d14e-3416-2c68-1644-7184c4cd2d54-a724305c, #w-node-_79108424-ea6e-323f-866f-b333f4e87506-a724305c, #w-node-_2aed07b0-c183-d8b0-77fb-645c812fa020-a724305c, #w-node-b2f241ce-ce0e-c6f4-3085-0273a045d3ca-a724305c, #w-node-_080e7087-2034-2301-c999-af29f7a0cfaf-a724305c, #w-node-_08b8d5ee-c165-98bb-aca7-1afb468a4496-a724305c, #w-node-ec7401ba-c790-6117-6804-baad8ae2c7e4-a724305c, #w-node-_5615d716-8473-c162-eca5-1d82ffa6352c-a724305c, #w-node-_0f727ed3-78f0-6a1d-8c8b-d2e0c445b0d6-a724305c, #w-node-_3b3b2142-ed28-1235-d56a-9742ae0f3618-a724305c, #w-node-c58d7300-d47f-84b5-0d4f-40c5e1c8fc5a-a724305c, #w-node-_3fea9d3b-fd87-5d16-18e4-8b6c8919bc32-a724305d, #w-node-_3fea9d3b-fd87-5d16-18e4-8b6c8919bc35-a724305d, #w-node-cd3b3e12-da2a-3242-37af-ab8a82dc568b-a724305d, #w-node-cd3b3e12-da2a-3242-37af-ab8a82dc568e-a724305d, #w-node-_06971ef4-5efa-18a7-197c-9514446aebf5-a724305d, #w-node-_41956b69-a315-424a-ecf1-0f19fff4546d-a724305e, #w-node-_29bc6e10-fb8a-299a-3e92-59ee0e95d209-a724305e, #w-node-_62e5f132-6abc-d5a4-7419-476be9c43d01-a724305e, #w-node-_796bf0e8-6e33-7292-44f0-33969f4867c9-a724305e, #w-node-b9a8551d-a3ca-ecca-8fa6-e8d23352adff-a724305e, #w-node-_55ee025a-307c-f850-322d-e2ff51a36e21-a724305e, #w-node-_855f1ae2-b348-11b4-dacd-45d2bccf4c04-a724305e, #w-node-_41956b69-a315-424a-ecf1-0f19fff4547d-a724305e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_11aa8dfa-024b-4bc0-1d53-ac06493aa24a-a724305e, #w-node-_11aa8dfa-024b-4bc0-1d53-ac06493aa24b-a724305e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_41956b69-a315-424a-ecf1-0f19fff45493-a724305e, #w-node-_41956b69-a315-424a-ecf1-0f19fff4546d-a724305f, #w-node-_41956b69-a315-424a-ecf1-0f19fff4547d-a724305f, #w-node-_698f3142-8df0-8c06-6ae8-a50645ac2a73-a724305f, #w-node-a4ba1a24-edf1-f0a5-5baa-8cc4407f2af9-a724305f, #w-node-aaf53456-eb7f-b74a-a0d8-35308a95e07b-a724305f, #w-node-a7177d71-467e-0080-2e9c-9f338f106576-a724305f, #w-node-bf44db32-21e6-6228-7f4f-6305f0ae5b7e-a724305f, #w-node-_41956b69-a315-424a-ecf1-0f19fff45493-a724305f, #w-node-_7f64acd5-e583-4b93-d898-fbeb6d16b2a0-a7243062, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22a5-a7243062, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22a9-a7243062, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22ad-a7243062, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b1-a7243062, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b5-a7243062, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b9-a7243062, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22bd-a7243062, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22c1-a7243062, #w-node-_228e026c-6a4f-c0ca-7701-9203b3722746-a7243062, #w-node-_2f731118-8935-323a-6f4b-538a9ea10ae6-a7243062, #w-node-e2b72672-1395-d91e-2ba3-5fbd13371b64-a7243062, #w-node-_4d4bc8fe-3a68-35f2-72f8-fe73b06fc62a-a7243063, #w-node-_4d4bc8fe-3a68-35f2-72f8-fe73b06fc62e-a7243063, #w-node-_4d4bc8fe-3a68-35f2-72f8-fe73b06fc632-a7243063, #w-node-_4d4bc8fe-3a68-35f2-72f8-fe73b06fc636-a7243063, #w-node-_4d4bc8fe-3a68-35f2-72f8-fe73b06fc63a-a7243063, #w-node-_4d4bc8fe-3a68-35f2-72f8-fe73b06fc63e-a7243063, #w-node-_4d4bc8fe-3a68-35f2-72f8-fe73b06fc642-a7243063, #w-node-_4d4bc8fe-3a68-35f2-72f8-fe73b06fc646-a7243063, #w-node-_4d4bc8fe-3a68-35f2-72f8-fe73b06fc64a-a7243063, #w-node-_4427b156-2d51-4d27-aad1-3a115bd0e434-a7243063, #w-node-_904ba1ea-20c7-ffdf-d2ec-9dc1abe80a20-a7243063, #w-node-_1c9171e1-7b03-76dd-5331-02822161b68a-a7243063, #w-node-_6986fef6-d78f-b0aa-1b79-234e324693e2-a7243064, #w-node-_8742891e-232a-952b-2d8d-d8b35db86234-a7243064, #w-node-_3618edc5-27d0-a504-f70c-69c03ef70ccd-a7243064, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22a9-a7243064, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22ad-a7243064, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b1-a7243064, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b5-a7243064, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b9-a7243064, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22bd-a7243064, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22c1-a7243064, #w-node-e2b72672-1395-d91e-2ba3-5fbd13371b64-a7243064, #w-node-_85cabc28-3024-30e1-b6fe-eac2a526c6b0-b73fd6af, #w-node-_966eb0e8-8c5e-2ddb-573b-c96a07306c9a-b73fd6af, #w-node-_47629fb4-b37a-9b2a-a9d1-54591408a673-b73fd6af, #w-node-_47629fb4-b37a-9b2a-a9d1-54591408a67f-b73fd6af, #w-node-_47629fb4-b37a-9b2a-a9d1-54591408a695-b73fd6af, #w-node-_7f64acd5-e583-4b93-d898-fbeb6d16b2a0-97781c1a, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22a5-97781c1a, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22a9-97781c1a, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22ad-97781c1a, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b1-97781c1a, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b5-97781c1a, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b9-97781c1a, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22bd-97781c1a, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22c1-97781c1a, #w-node-_228e026c-6a4f-c0ca-7701-9203b3722746-97781c1a, #w-node-_2f731118-8935-323a-6f4b-538a9ea10ae6-97781c1a, #w-node-e2b72672-1395-d91e-2ba3-5fbd13371b64-97781c1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05f02bd9-fe81-c5d8-6cae-9c6ebef1be64-734f55ae {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-e2b72672-1395-d91e-2ba3-5fbd13371b64-734f55ae, #w-node-_7f64acd5-e583-4b93-d898-fbeb6d16b2a0-734f55ae, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22a5-734f55ae, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22a9-734f55ae, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22ad-734f55ae, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b1-734f55ae, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b5-734f55ae, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b9-734f55ae, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22bd-734f55ae, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22c1-734f55ae, #w-node-_228e026c-6a4f-c0ca-7701-9203b3722746-734f55ae, #w-node-_2f731118-8935-323a-6f4b-538a9ea10ae6-734f55ae {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#message.w-node-c30fbd47-14b0-93cb-f8a1-f44b58f45ce9-6b39bdfc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_05f02bd9-fe81-c5d8-6cae-9c6ebef1be64-08c02180 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-e2b72672-1395-d91e-2ba3-5fbd13371b64-08c02180, #w-node-_7f64acd5-e583-4b93-d898-fbeb6d16b2a0-08c02180, #w-node-_569ad8df-2af3-1861-f611-941a35bb4741-1e52a1a6, #w-node-c7f9cc3d-d642-50f2-5dab-c6823f99ab64-1e52a1a6, #w-node-_171e70c6-99a4-bd54-1f17-db9a24bbbda4-1e52a1a6, #w-node-_9984864e-1822-3b5a-78c7-b1ea88ddb22a-1e52a1a6, #w-node-_8795aae0-b439-fd7a-71fc-c13b06eb66e5-1e52a1a6, #w-node-_23f0b7a0-d2c9-1f4e-9577-472e3e741808-1e52a1a6, #w-node-_74c41bf1-7005-70d2-cda4-7e490d24087d-1e52a1a6, #w-node-aa71b6e5-d9aa-ce25-f224-23645262627d-1e52a1a6, #w-node-_87007335-ae0b-7c58-0d5d-81359bfc1125-1e52a1a6, #w-node-a781031e-de8c-5cfc-c4cd-0256fd7c1800-1e52a1a6, #w-node-c3bfb7ba-976e-9a8c-06f3-6ad2e3d088b3-1e52a1a6, #w-node-_2c8e8d0f-151e-8bfd-f524-bf07ce1e65fb-1e52a1a6, #w-node-_19769ead-3046-24a5-80c4-6e7503b2dce3-1e52a1a6, #w-node-_260eb98f-c66b-6416-aa50-c3297d0c7d0f-1e52a1a6, #w-node-f618cf7a-57f5-e41b-d027-e6cef9ef3f2d-1e52a1a6, #w-node-_76fe3a7a-59e8-f255-ce6f-5e29b2a74e06-1e52a1a6, #w-node-_480028b1-cea0-759b-6d53-9a25c394c203-1e52a1a6, #w-node-_7f64acd5-e583-4b93-d898-fbeb6d16b2a0-1e52a1a6, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22a5-1e52a1a6, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22a9-1e52a1a6, #w-node-_053283ba-c227-55cb-b067-49557e3a7419-1e52a1a6, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22ad-1e52a1a6, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b1-1e52a1a6, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b5-1e52a1a6, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22b9-1e52a1a6, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22bd-1e52a1a6, #w-node-_2526e67e-b4b7-b2a6-0de1-257852ae22c1-1e52a1a6, #w-node-_228e026c-6a4f-c0ca-7701-9203b3722746-1e52a1a6, #w-node-_2f731118-8935-323a-6f4b-538a9ea10ae6-1e52a1a6, #w-node-e2b72672-1395-d91e-2ba3-5fbd13371b64-1e52a1a6, #w-node-a5940be8-d8b3-aed2-ea84-b476d4f393e1-1e52a1a6, #w-node-_59b5a919-be31-ac1b-0521-e9fb543a93f9-1e52a1a6, #w-node-_9b974508-ba73-1e04-d298-c7ca2627d0ce-1e52a1a6, #w-node-_3d1e901f-95b8-9c6a-36a7-33e085969d8d-1e52a1a6, #w-node-_46bd4789-58a7-77cd-9e2f-06a9889a7630-1e52a1a6, #w-node-_9ecbeab3-e0f5-2ad8-81fa-7402b4378b8f-1e52a1a6, #w-node-aaee6df5-7607-ee99-49eb-812a86a60a82-1e52a1a6, #w-node-_49e68612-63c4-8ef8-f4a9-60b5b5302fe3-1e52a1a6, #w-node-_550a34b6-605d-88f2-bb57-bb4be503a0fb-1e52a1a6, #w-node-_39216cd6-14ee-7ba4-5782-25bc75a45e11-1e52a1a6, #w-node-bd9246e0-d21d-d25b-23a6-72a6f9de4067-1e52a1a6, #w-node-_66a54554-a210-b9f9-1925-d1cd16243bf0-1e52a1a6, #w-node-aa187d3b-f1a7-29df-f933-e0ddb4634ef0-1e52a1a6, #w-node-_22cb5539-e208-792b-e128-1c7f6c18e0d8-1e52a1a6, #w-node-_65c06b78-7c5b-b808-27aa-d14bf171fbf6-1e52a1a6, #w-node-_8914af7b-9a19-f1c3-9af8-aa4797d4e7f4-1e52a1a6, #w-node-_0a44ed69-3d7a-73c3-0063-fd974e408e78-1e52a1a6, #w-node-_0467e548-050d-e341-2956-25e300e6acd2-1e52a1a6, #w-node-_828dc231-773e-c959-8b29-811f0132bc0b-1e52a1a6, #w-node-d98f6720-91a8-d4cc-1b42-3ca49ffdc745-1e52a1a6, #w-node-_02cbdbfb-f3a3-0d1d-bb87-78b8c5fd5598-1e52a1a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-db670680-0d7f-8180-8e2c-5efe494a4ed7-a7243056, #w-node-db670680-0d7f-8180-8e2c-5efe494a4ed7-a7243058 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

figure.w-lightbox-figure {
  border-radius: 0;
  /* max-width: 1200px; */
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.filter-panel-open {
  font-size: 24px;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: white;
  font-weight: 700;
  line-height: 100%;
  padding: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  max-width: calc(66vw - 600px);
}
@media screen and (max-width: 1200px) {
  .filter-panel-open {
    max-width: 26vw;
  }
}
@media screen and (max-width: 991px) {
  .filter-panel-open {
    padding: 0;
    max-width: 90%;
    font-weight: 700;
  }
}

.work-category {
  display: inline-block;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: rgba(255, 255, 255, .4);
  font-weight: 600;
  font-size: 16px;
  line-height: 110%;
  text-align: left;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

.work-category.checked {
  font-weight: 800;
  color: white;
}

.filter-panel-layer {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  /* background-color: rgba(255, 255, 255, .3); */
  z-index: 5000;
}

.filter-panel {
  max-width: 480px;
  min-width: 375px;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: rgba(0,0,0,.75);
  padding: 30px 20px 20px 30px;
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 0;
}

.filter-panel-layer.inactive,
.filter-panel.inactive {
  display: none;
}

@media screen and (max-width: 991px) {
  .filter-panel {
    left: 50%;
    transform: translateX(-50%);
    padding-left: 20px;
  }
}

.filter-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 16px;
}

.filter-header > h3 {
  font-size: 24px;
  line-height: 24px;
}

.filter-panel-close {
  width: 24px;
  height: 24px;
  padding: 0;
  background-color: transparent;
  border: 1px solid white;
  border-radius: 9999px;
  outline: 0;
  color: white;
  font-size: 20px;
  line-height: 22px;
  transform: rotateZ(45deg);
}

@media screen and (max-width: 991px) {
  .filter-header {
    display: block;
    position: relative;
  }

  .filter-header > h3 {
    width: 100%;
    text-align: center;
  }

  .filter-header .filter-button-group {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.filter-button-group {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.filter-footer {
  justify-content: flex-end;
  margin: 12px 0 0 0;
}

.filter-panel-button {
  font-weight: 700;
  height: 32px;
  padding: 0 12px;
  background-color: transparent;
  /* border: 1px solid white; */
  /* border-radius: 16px; */
  outline: 0;
  color: white;
  font-size: 24px;
  line-height: 24px;
}

.filter-panel-button.sm {
  font-weight: 400;
  height: 24px;
  padding: 0 8px;
  background-color: transparent;
  border: 1px solid white;
  border-radius: 12px;
  outline: 0;
  color: white;
  font-size: 14px;
  line-height: 20px;
}

.w-video.w-embed.w-lightbox-embed {
  /* max-width: 1200px; */
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}

.esg-mission .rich-text-block p {
  margin-bottom: 0;
}

button.gng-sns-icon.w-inline-block {
  background-color: transparent;
}

button.gng-sns-icon.w-inline-block .lang-link {
  color: rgba(255, 255, 255, .45);
  font-weight: 500;
}

button.gng-sns-icon.w-inline-block.current .lang-link {
  color: white;
  font-weight: 900;
}

button.submit-btn {
  min-width: 31%;
  background-color: var(--dark);
  color: var(--light);
  border-radius: 0;
  padding: 1.3em 0 1.3em 0;
  font-size: .94em;
  font-weight: 600;
  line-height: 1.4em;
  transition: background-color .4s cubic-bezier(.25, .46, .45, .94), color .4s cubic-bezier(.25, .46, .45, .94);
}

#gng-data-container.grid-work {
  row-gap: 0;
  column-gap: 0;
}

#gng-data-container-section {
  padding: 0;
}

.w-lightbox-view {
  max-width: 100vw;
  min-width: 100vw;
  width: 100vw;
  max-height: 100vh;
  min-height: 100vh;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .w-lightbox-view *:not(video), */
.w-lightbox-view *:not(.plyr) {
  pointer-events: none;
}

.w-lightbox-view .plyr {
  z-index: 99999;
}
/* .w-lightbox-view video, */
.w-lightbox-view .plyr * {
  pointer-events: auto;
}

.w-lightbox-frame {
  max-width: 128vh;
  max-height: 96vh;
  width: 100%;
  height: 100%;
  
  display: flex;
  justify-content: center;
  align-items: center;
}

.w-lightbox-control.w-lightbox-inactive {
  pointer-events: none;
}

.filter-contents {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 8px;
}

.filter-contents > .category-btn-group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: start;
  gap: 8px;
}

.filter-panel-button.filter-panel-cancel.sm {
  width: 32px;
  height: 32px;
  font-size: 28px;
  font-weight: 700;
  border: 0;
  border-radius: 9999px;
  line-height: 100%;
  padding: 0;
  margin: 0;
  transform: rotateZ(45deg);
}

.lightbox-video-text {
  font-size: 18px;
  font-weight: 400;
  width: 100%;
  text-align: left;
  display: flex;
  gap: 12px;
  justify-content: baseline;
  align-items: baseline;
  padding: 0 8px;
}

.lightbox-video-title {
  font-size: 24px;
  font-weight: 600px;
}

@media screen and (max-width: 991px) {
  .lightbox-video-text {
    padding: 0 16px;
  }
}

@media screen and (max-width: 767px) {
  .lightbox-video-text {
    flex-direction: column;
  }
}

.filter-panel-confirm {
  font-size: 24px;
  font-weight: 700;
}

.pagination-row {
  width: 100%;
  padding: 20px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  gap: 16px;
}

.pagination-row select {
  padding-left: 12px;
  background-color: black;
  border: 0;
  outline-color: black;
}

.pagination-row a {
  color: white;
  text-decoration: none;
}

.pagination-row a[disabled] {
  color: rgba(230, 230, 230, .3);
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .pagination-row {
    justify-content: space-between;
    font-size: 32px;
  }
}