@font-face {
  font-family: twkFont;
  src: url(/_next/static/media/0e797165e26b272a-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: twkFont;
  src: url(/_next/static/media/0f04903bd21782ae-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: twkFont;
  src: url(/_next/static/media/e663c8077c28d5ba-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: twkFont;
  src: url(/_next/static/media/60843f0480501197-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: twkFont Fallback;
  src: local("Arial");
  ascent-override: 89.26%;
  descent-override: 19.61%;
  line-gap-override: 0%;
  size-adjust: 102.08%;
}
.__className_08b98a {
  font-family:
    twkFont,
    twkFont Fallback;
}
.__variable_08b98a {
  --font-twk: "twkFont", "twkFont Fallback";
}
@font-face {
  font-family: ivoryFont;
  src: url(/_next/static/media/42be8d39b5a0952f-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: ivoryFont Fallback;
  src: local("Arial");
  ascent-override: 69.92%;
  descent-override: 18.4%;
  line-gap-override: 0%;
  size-adjust: 135.87%;
}
.__className_9bda8d {
  font-family:
    ivoryFont,
    ivoryFont Fallback;
  font-weight: 500;
  font-style: italic;
}
.__variable_9bda8d {
  --font-ivory: "ivoryFont", "ivoryFont Fallback";
}
@font-face {
  font-family: herbikFont;
  src: url(/_next/static/media/6820b3f787b3ee4d-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: herbikFont;
  src: url(/_next/static/media/519123459e8eb17e-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: herbikFont;
  src: url(/_next/static/media/580e01973e5f8f14-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: herbikFont;
  src: url(/_next/static/media/bae1c9bbe0dbd3b6-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: herbikFont Fallback;
  src: local("Arial");
  ascent-override: 95.31%;
  descent-override: 26.75%;
  line-gap-override: 0%;
  size-adjust: 98.31%;
}
.__className_48fdf3 {
  font-family:
    herbikFont,
    herbikFont Fallback;
}
.__variable_48fdf3 {
  --font-herbik: "herbikFont", "herbikFont Fallback";
}
.PageEffect_pageEffect_loading__0gpe_ {
  position: fixed;
  inset: 0;
  z-index: 102;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.PageEffect_pageEffect_loading_gif__m4Dmq {
  width: 16rem;
  height: auto;
  aspect-ratio: 1;
  overflow: hidden;
}
@media (min-width: 768px) {
  .PageEffect_pageEffect_loading_gif__m4Dmq {
    width: 22.2rem;
  }
}
.PageEffect_pageEffect_loading_gifImg__A34bs {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.PageLoader_pageLoader___1cgC {
  --page-loader-mask-height: 0%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  z-index: 10000000;
  background: var(--brand-yellow);
  clip-path: inset(0 0 var(--page-loader-mask-height) 0);
  will-change: auto;
}
.PageLoader_pageLoader_hello__zroZn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: var(--brand-dark-blue);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  will-change: auto;
  font-size: 1.6rem;
  text-wrap: nowrap;
  letter-spacing: -0.048rem;
}
@media (min-width: 768px) {
  .PageLoader_pageLoader_hello__zroZn {
    font-size: 2.4rem;
    letter-spacing: -0.072rem;
  }
}
@media (min-width: 768px) {
  .PageLoader_pageLoader_hello__zroZn {
    letter-spacing: -0.096rem;
    font-size: 3.2rem;
  }
}
.PageLoader_pageLoader_content__g4G3o {
  position: absolute;
  inset: 0;
  opacity: 0;
  will-change: auto;
  pointer-events: none;
}
.PageLoader_pageLoader_gif__S2PNJ {
  will-change: auto;
  width: 16rem;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
@media (min-width: 768px) {
  .PageLoader_pageLoader_gif__S2PNJ {
    width: 22.2rem;
  }
}
.PageLoader_pageLoader_gifImg__D7UIb {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.PageLoader_pageLoader_percentage__d3Dk1 {
  color: var(--brand-dark-blue);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  font: 400 1.4rem/1.4em var(--font-twk);
  letter-spacing: -0.028rem;
  bottom: 20.6rem;
}
@media (min-width: 768px) {
  .PageLoader_pageLoader_percentage__d3Dk1 {
    font: 400 1.4rem/1.4em var(--font-twk);
    letter-spacing: -0.028rem;
    bottom: 31.3rem;
  }
}
.PageLoader_pageLoader_percentage__d3Dk1 p {
  will-change: auto;
}
.PageLoader_pageLoader_progress__tTGIF {
  width: 24rem;
  height: 1px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  bottom: 18.9rem;
}
@media (min-width: 768px) {
  .PageLoader_pageLoader_progress__tTGIF {
    bottom: 26.6rem;
  }
}
.PageLoader_pageLoader_progress_bar__gQsNW {
  --progress: 0;
  width: 100%;
  height: 100%;
  transform: scaleX(var(--progress));
  transform-origin: left center;
  will-change: auto;
  background: var(--brand-dark-blue);
}
.GridDebugger_grid__Dkv6u {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  z-index: 99999999999;
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  gap: var(--gap-x);
  padding: 0 var(--padding-x);
}
.GridDebugger_grid_col__cTzbo {
  grid-column: span 1;
  width: 100%;
  background-color: rgba(255, 107, 76, 0.3);
  height: 100svh;
  position: relative;
}
.GridDebugger_grid__Dkv6u.GridDebugger_hidden__NOoJb {
  display: none;
}
.styles_blurOut__B4Jy1 {
  position: fixed;
  top: -5px;
  left: 0;
  width: 100%;
  height: 30vh;
  z-index: 99;
  backdrop-filter: blur(10px);
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  pointer-events: none;
  display: none;
}
@media (min-width: 768px) {
  .styles_blurOut__B4Jy1 {
    display: block;
  }
}
.Header_header__W3r_v {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 2.45rem;
  will-change: auto;
  transition:
    opacity 0.4s var(--easeOutQuart),
    mix-blend-mode 0.4s var(--easeOutQuart);
  padding: 1.6rem var(--padding-x);
}
.Header_header__mixBlendMode__wLXrQ {
  mix-blend-mode: difference !important;
}
.Header_header__down___Fn4h {
  z-index: 20 !important;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.Header_header_left__xm1WC {
  order: 3;
  margin: 0;
  align-self: center;
}
.Header_header_right__3SVyr {
  order: 2;
  margin-right: auto;
  align-self: center;
}
.Header_header_center__65N2s {
  order: 1;
  margin-right: auto;
}
@media (min-width: 768px) {
  .Header_header__W3r_v {
    padding: 3.2rem var(--padding-x);
  }
}
@media (min-width: 768px) {
  .Header_header__W3r_v {
    grid-template-columns: 1fr 1fr 1fr;
    padding: 4.8rem var(--padding-x);
    gap: 0;
  }
  .Header_header_left__xm1WC {
    order: 1;
    margin-right: auto;
  }
  .Header_header_right__3SVyr {
    order: 3;
    margin-left: auto;
    margin-right: 0;
  }
  .Header_header_center__65N2s {
    order: 2;
    margin-left: auto;
    margin-right: auto;
  }
  .Header_header_left__xm1WC,
  .Header_header_right__3SVyr {
    align-self: unset;
    margin-top: 0.5rem;
  }
}
.Header_header__difference__PMBPN {
  mix-blend-mode: difference !important;
}
.Header_header__hidden__qvMgH {
  opacity: 0;
  pointer-events: none;
}
.Header_header_left__xm1WC {
  width: -moz-max-content;
  width: max-content;
}
.Header_header_left_menu__CDHoo {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.Header_header_left_menu_hamburger__Uiyy7 {
  position: relative;
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
}
@media (min-width: 768px) {
  .Header_header_left_menu_hamburger__Uiyy7 {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.Header_header_left_menu_hamburger__Uiyy7.Header_close__Kd18j
  .Header_header_left_menu_hamburger_line__BIUUo:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
.Header_header_left_menu_hamburger__Uiyy7.Header_close__Kd18j
  .Header_header_left_menu_hamburger_line__BIUUo:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.Header_header_left_menu_hamburger_line__BIUUo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + var(--offset)));
  transform-origin: center center;
  will-change: auto;
  width: 100%;
  height: 0.1rem;
  overflow: hidden;
}
.Header_header_left_menu_hamburger_line__BIUUo span {
  position: absolute;
  inset: 0;
  background-color: var(--brand-yellow);
  will-change: auto;
}
.Header_header_left_menu_hamburger_line__BIUUo:first-child {
  --offset: -0.3rem;
}
.Header_header_left_menu_hamburger_line__BIUUo:last-child {
  --offset: 0.3rem;
}
.Header_header_left_menu_text__wv3_H {
  display: none;
  color: var(--brand-yellow);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1em;
  letter-spacing: -0.042em;
  position: relative;
  overflow: clip;
}
@media (min-width: 768px) {
  .Header_header_left_menu_text__wv3_H {
    display: block;
  }
}
.Header_header_left_menu_text_content__THjSX {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.Header_header_left_menu_text_content__THjSX > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.Header_header_left_menu_text_content__THjSX {
  will-change: auto;
}
.Header_header_left_menu_text_content_close__cSqbM {
  transform: translateY(100%);
  will-change: auto;
}
.Header_header_center_logo__DZO2V {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 11.8rem;
  height: 1.8rem;
}
@media (min-width: 768px) {
  .Header_header_center_logo__DZO2V {
    width: 14.4rem;
    height: 2.2rem;
  }
}
@media (min-width: 768px) {
  .Header_header_center_logo__DZO2V {
    width: 18.2854rem;
    height: 2.7933rem;
  }
}
.Header_header_right__3SVyr {
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
}
.Header_header_right_contact__2knWE {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.Header_header_right_contact_text__kL_VR {
  color: var(--brand-yellow);
  font-weight: 400;
  line-height: 1em;
  font-size: 1.3rem;
  letter-spacing: -0.039rem;
}
@media (min-width: 768px) {
  .Header_header_right_contact_text__kL_VR {
    font-size: 1.4rem;
    letter-spacing: -0.042rem;
  }
}
.Header_header_right_contact_arrow__GW4QE {
  display: none;
  position: relative;
  gap: 0.6rem;
  width: 1.2rem;
  height: 1.2rem;
  flex-shrink: 0;
  overflow: clip;
}
@media (min-width: 768px) {
  .Header_header_right_contact_arrow__GW4QE {
    display: flex;
  }
}
.Header_header_right_contact_arrow_icon__BHXvc {
  position: relative;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  flex-shrink: 0;
  transform: translateX(calc((-100% - 0.6rem) * (1 - var(--progress, 1))));
  will-change: auto;
}
.ImagePlaceholder_wrapper__f5zm_ {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100svh;
  z-index: 89;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ImagePlaceholder_wrapper__f5zm_ img {
  visibility: hidden;
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ImagePlaceholder_wrapper__visible__aOXnp {
  pointer-events: auto;
}
.ImagePlaceholder_wrapper__visible__aOXnp img {
  visibility: visible;
}
.ImagePlaceholder_name__K_QaV {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: var(--brand-yellow);
  mix-blend-mode: difference;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 90;
  will-change: auto;
  font: 600 3.2rem/1em var(--font-twk);
  letter-spacing: -0.096rem;
}
@media (min-width: 768px) {
  .ImagePlaceholder_name__K_QaV {
    font: 600 4.8rem/1em var(--font-twk);
    letter-spacing: -0.144rem;
  }
}
@media (min-width: 768px) {
  .ImagePlaceholder_name__K_QaV {
    font: 600 8.8rem/1em var(--font-twk);
    letter-spacing: -0.03rem;
    letter-spacing: -0.264rem;
  }
}
.Menu_menu__K8jw6 {
  --menu-mask-height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  z-index: 99;
  pointer-events: none;
  visibility: hidden;
  clip-path: inset(0 0 var(--menu-mask-height) 0);
  background-color: var(--brand-dark-blue);
}
.Menu_menu_content__AcDgH {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  mix-blend-mode: difference;
}
.Menu_menu_videoWrapper__So_Ha {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
}
.Menu_menu_videoWrapper__So_Ha video {
  display: block;
  width: 100%;
  height: 100dvh;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: -1;
}
.Menu_menu_nav__WX0Ml {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 8.8rem;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: -0.264rem;
}
@media (min-width: 768px) {
  .Menu_menu_nav__WX0Ml {
    gap: 1.6rem;
    font-size: 16rem;
    font-weight: 600;
    line-height: 0.85em;
    letter-spacing: -0.48rem;
  }
}
.Menu_menu_nav_item__PfuBn {
  transition: 0.8s var(--easeOutQuart);
}
.Menu_menu_nav__WX0Ml:has(.Menu_menu_nav_item__PfuBn:hover)
  .Menu_menu_nav_item__PfuBn:not(:hover) {
  opacity: 0.2 !important;
  filter: blur(10px) !important;
}
.Menu_menu_info__3vEOa {
  position: absolute;
  bottom: calc(1.6rem + env(safe-area-inset-bottom));
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  mix-blend-mode: difference;
}
@media (min-width: 768px) {
  .Menu_menu_info__3vEOa {
    bottom: calc(3.2rem + env(safe-area-inset-bottom));
  }
}
@media (min-width: 768px) {
  .Menu_menu_info__3vEOa {
    bottom: 4.8rem;
  }
}
.Menu_menu_info_label__8bFqR {
  font: italic 500 1.2rem/0.9em var(--font-herbik);
  letter-spacing: normal;
}
@media (min-width: 768px) {
  .Menu_menu_info_label__8bFqR {
    font: italic 500 1.6rem/0.9em var(--font-herbik);
    letter-spacing: normal;
  }
}
.Menu_menu_info_label_brief__64DJu {
  display: inline-block;
  font: inherit;
  color: inherit;
  padding-bottom: 0.2rem;
}
.Menu_menu_info_link__uq81a {
  display: block;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  mask-image: linear-gradient(180deg, transparent 0.3em, black 0);
  mask-size: 100% 100%;
  -webkit-mask-image: linear-gradient(180deg, transparent 0.3em, black 0);
  -webkit-mask-size: 100% 100%;
  font-size: 1.8rem;
  letter-spacing: -0.018rem;
}
@media (min-width: 768px) {
  .Menu_menu_info_link__uq81a {
    font-size: 3.2rem;
    letter-spacing: -0.032rem;
  }
}
.ResizeOverlay_resizeOverlay__Lc5_x {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100lvh;
  background-color: var(--brand-yellow);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.ResizeOverlay_resizeOverlay__Lc5_x.ResizeOverlay_visible__5YF40 {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition: none;
}
.ResizeOverlay_gif__6aiOf {
  width: 16rem;
  height: auto;
  aspect-ratio: 1;
  overflow: hidden;
}
@media (min-width: 768px) {
  .ResizeOverlay_gif__6aiOf {
    width: 22.2rem;
  }
}
.ResizeOverlay_gifImg__nvILO {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ScrollProgress_scrollProgress__af_mY {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 0.2rem;
  height: 100svh;
  z-index: 80;
  pointer-events: none;
  mix-blend-mode: difference;
  visibility: hidden;
}
@media (min-width: 768px) {
  .ScrollProgress_scrollProgress__af_mY {
    display: block;
  }
}
.ScrollProgress_scrollProgress__visible__GxrBQ {
  visibility: visible;
}
.ScrollProgress_scrollProgress_bar__45J4L {
  width: 100%;
  height: 100%;
  background-color: var(--brand-yellow);
  transform-origin: top center;
  transform: scaleY(var(--progress));
  will-change: auto;
  transition: transform 0.1s linear;
}
:root {
  --easeOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --easeInOutQuart: cubic-bezier(0.76, 0, 0.24, 1);
  --easeInOutCubic: cubic-bezier(0.65, 0, 0.35, 1);
  --brand-yellow: #fffde2;
  --brand-dark-blue: #051236;
  --brand-blue: #1740a9;
  --text-secondary: rgba(255, 253, 226, 0.6);
  --text-disabled: rgba(255, 253, 226, 0.3);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  line-height: 1.5;
  font-family: sans-serif;
}
ol,
ul {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
:focus {
  outline: none;
}
canvas,
img,
svg,
video {
  display: block;
  max-width: 100%;
  height: auto;
}
table {
  border-collapse: collapse;
  width: 100%;
}
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}
button {
  cursor: pointer;
}
fieldset {
  border: 0;
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font: inherit;
  font-weight: 700;
}
blockquote,
pre {
  all: unset;
  white-space: pre-wrap;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
body,
html {
  font-smoothing: antialiased !important;
  -webkit-font-smoothing: antialiased !important;
  scroll-behavior: unset !important;
  overscroll-behavior: none !important;
}
body ::-webkit-scrollbar,
html ::-webkit-scrollbar {
  display: none;
}
body,
html {
  font-size: max(2.6666666667vw, 1px);
}
@media (min-width: 768px) {
  body,
  html {
    font-size: max(1.3020833333vw, 1px);
  }
}
@media (min-width: 768px) {
  body,
  html {
    font-size: max(0.5208333333vw, 1px);
  }
}
html.lenis,
html.lenis body {
  height: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
a,
a > *,
button,
button > * {
  cursor: pointer;
}
.is-before-animate {
  visibility: hidden;
}
.container {
  max-width: 100vw !important;
  margin: 0 auto;
  padding: 0 var(--padding-x);
}
.fix-clip-mask,
.fix-mask-clip-mask {
  padding-right: 0.1em;
  margin-right: -0.1em;
  padding-bottom: 0.115em;
  margin-bottom: -0.115em;
}
.will-change-opacity .char,
.will-change-opacity .line,
.will-change-opacity .word,
.will-change-transform .char,
.will-change-transform .line,
.will-change-transform .word,
.will-change-transform-opacity .char,
.will-change-transform-opacity .line,
.will-change-transform-opacity .word {
  will-change: auto;
}
.hover_line,
.hover_line_active {
  --p: 0%;
  --offset: 0px;
  --color: #000;
  --size: 2px;
  color: var(--color);
  display: inline;
  width: -moz-max-content;
  width: max-content;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background: linear-gradient(var(--color) 0 0) calc(100% - var(--p, 0%)) /
    var(--p, 0) no-repeat;
  background-position-y: bottom;
  background-size: var(--p, 0) var(--size);
  padding-bottom: var(--offset);
  transition:
    0.4s,
    background-position 0s,
    color 0.6s var(--easeOutQuart);
  z-index: 1;
}
@media (hover: hover) {
  .hover_line:hover,
  .hover_line_active:hover {
    --p: 100%;
    background-size: 100% var(--size);
    transition:
      0.4s,
      background-position 0s,
      color 0.6s var(--easeOutQuart);
  }
}
@media (min-width: 768px) {
  .hover_line,
  .hover_line_active {
    --offset: 0px;
    --size: 2px;
  }
}
.hover_line_active {
  --p: 100%;
}
.rulermode-rectangle {
  background-color: red !important;
  border: none !important;
  opacity: 0.6 !important;
}
body {
  font-family: var(--font-twk), sans-serif;
  color: var(--brand-yellow);
  background-color: var(--brand-dark-blue);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: wait;
  --gap-x: 1.6rem;
  --padding-x: 1.6rem;
  --columns: 6;
}
@media (min-width: 768px) {
  body {
    --gap-x: 3.2rem;
    --padding-x: 3.2rem;
    --columns: 8;
  }
}
@media (min-width: 768px) {
  body {
    --gap-x: 2.4rem;
    --padding-x: 4.8rem;
    --columns: 14;
  }
}
body.is-ready {
  cursor: default;
}
@keyframes link-underline-first {
  0% {
    transform-origin: right center;
    transform: scaleX(1);
  }
  to {
    transform-origin: right center;
    transform: scaleX(0);
  }
}
@keyframes link-underline-second {
  0% {
    transform-origin: left center;
    transform: scaleX(0);
  }
  to {
    transform-origin: left center;
    transform: scaleX(1);
  }
}
.common-link-effect,
.common-link-effect-2 {
  position: relative;
}
.common-link-effect-2:after,
.common-link-effect:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 9999px;
  height: 0.1rem;
  transform: scaleX(1);
  will-change: auto;
  background-color: var(--brand-yellow);
}
.common-link-effect-2:after {
  transform-origin: right center;
  transform: scaleX(0);
  transition: transform var(--duration) var(--easeOutQuart);
}
a {
  --duration: 0.3s;
  position: relative;
}
a:hover .common-link-effect:after,
a:hover.common-link-effect:after {
  animation:
    link-underline-first var(--duration) var(--easeOutQuart) forwards,
    link-underline-second var(--duration) var(--easeOutQuart) var(--duration)
      forwards;
}
a:hover .common-link-effect-2:after,
a:hover.common-link-effect-2:after {
  transform-origin: left center;
  transform: scaleX(1);
}

/* Larger Gati mark, preserving its natural proportions. */
.Header_header_center_logo__DZO2V { width: 14rem; height: 4.6rem; }
@media(min-width:768px) { .Header_header_center_logo__DZO2V { width:18rem; height:5.9rem; } }
@media(min-width:768px) { .Header_header_center_logo__DZO2V { width:22rem; height:7.2rem; } }

/* Consistent Inter labels throughout slider navigation and project filters. */
@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:is([class*="CategoryList_list__"], [class*="ProjectList_list_selection__"],
    [class*="SectionIndex_sectionIndex__"], [class*="SectionIndicator_sectionIndicator__"],
    [class*="WhatWeDo_whatWeDo_content_item_number__"],
    [class*="WhatWeDo_whatWeDo_content_item_category__"],
    [class*="WhatWeDo_whatWeDo_content_item_content_category__"]),
:is([class*="CategoryList_list__"], [class*="ProjectList_list_selection__"],
    [class*="SectionIndex_sectionIndex__"], [class*="SectionIndicator_sectionIndicator__"],
    [class*="WhatWeDo_whatWeDo_content_item_number__"],
    [class*="WhatWeDo_whatWeDo_content_item_category__"],
    [class*="WhatWeDo_whatWeDo_content_item_content_category__"]) * {
  font-family: 'Inter', Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
}

/* Larger header menu control, including its animated close state. */
.Header_header_left_menu__CDHoo { gap: 1.6rem; }
.Header_header_left_menu_text__wv3_H { font-size: 2rem; }
.Header_header_left_menu_hamburger__Uiyy7 { width: 2.4rem; height: 2.4rem; }
.Header_header_left_menu_hamburger_line__BIUUo { height: max(1px, 0.15rem); }
.Header_header_left_menu_hamburger_line__BIUUo:first-child { --offset: -0.4rem; }
.Header_header_left_menu_hamburger_line__BIUUo:last-child { --offset: 0.4rem; }

/* Keep project stills and gallery thumbnails uncropped. */
[class*="WorkDetailPage_workDetailPage_mediaScene_image__"],
[class*="SliderIndicator_sliderIndicator__"] img {
  object-fit: contain !important;
}

.gati-next-cursor { position: fixed; z-index: 99999; display: none; pointer-events: none; color: white; font: 500 16px Inter, Arial, sans-serif; text-shadow: 0 1px 5px black; }
[class*="workDetailPage_mediaScene"], [aria-label="Previous slide"], [aria-label="Next slide"] { cursor: none !important; }
[aria-label="Previous slide"] > *, [aria-label="Next slide"] > * { opacity: 0 !important; }