/* Inoui World JP LP - layout fixes
   IMPORTANT: Do NOT set overflow-x/overflow on html/body/#lp_main_wrap/#main-content
   (or #page-body). Any overflow other than visible on an ancestor disables
   position:sticky and breaks the kamishibai section stack.
   Do NOT use container-type/contain on #lp_main_wrap - same sticky breakage.
*/
html.lenis,
html.lenis body {
  height: auto;
}
/* mall override / keep !important: beat browser or mall scroll-behavior:smooth */
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: clip;
}
#lp_main_wrap {
  --sbw: 0px;
  --height-usp: 0px;
  --header-height: 0px;
  --header-height-usp: 0px;
  --iw-nav-height: 3.5rem;
  --iw-mv-visual-h: 100svh;
  /* No pull: after logo centers, MV + next section scroll up together (PC/SP). */
  --iw-mv-section1-pull: 0px;
  /* logo top %: JS drives 150% (below stage) -> 50% (center). Start hidden. */
  --iw-logo-top: 150%;
  /*
    Grid tokens: JS (updateGridVars) overwrites these in px from #lp_main_wrap width
    so span-w-* stays wide and content does not overflow the mall column.
    Fallbacks below match original Inoui vw math for local preview before JS runs.
  */
  --grid-width: calc(90.33816vw - var(--sbw) * 0.90338);
  --margin: calc(4.83092vw - var(--sbw) * 0.04831);
  --gutter: calc(3.76409vw - var(--sbw) * 0.03764);
  --column: calc(4.07776vw - var(--sbw) * 0.04078);
  font-size: clamp(12px, 3.65vw, 19.865px);
  font-family: "Plus Jakarta Sans","Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  background: #fff;
  position: relative;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: visible;
  line-height: 1.5;
  /* kill any mall/frame border around the whole LP */
  border: 0;
  outline: none;
  box-shadow: none;
}
@media (min-width: 768px) {
  #lp_main_wrap {
    --grid-width: calc(94.79167vw - var(--sbw) * 0.94792);
    --margin: calc(2.60417vw - var(--sbw) * 0.02604);
    --gutter: calc(3.94965vw - var(--sbw) * 0.03950);
    --column: calc(4.27879vw - var(--sbw) * 0.04279);
    font-size: clamp(13px, 2.08333vw, 22px);
  }
}
@media (min-width: 1024px) {
  #lp_main_wrap {
    --grid-width: calc(97.22222vw - var(--sbw) * 0.97222);
    --margin: calc(1.38889vw - var(--sbw) * 0.01389);
    --gutter: calc(0.27141vw - var(--sbw) * 0.00271);
    --column: calc(3.79082vw - var(--sbw) * 0.03791);
    font-size: clamp(14px, 1.11111vw, 18.667px);
    --header-height: 0px;
    --header-height-usp: 0px;
  }
}
#lp_main_wrap #main-content,
#lp_main_wrap .iw-main-content {
  width: 100%;
  max-width: 100%;
  overflow: visible;
  position: relative;
}
/* MV stage:
   1) Portrait + SVG share a sticky viewport
   2) JS: logo 150% -> 50% over the first 100svh of scroll (arrives at image center)
   3) Sticky ends at center - MV + next section scroll up together (PC/SP) */
#lp_main_wrap .iw-mv {
  position: relative;
  max-width: 100%;
  isolation: isolate;
  z-index: 0;
  overflow: visible;
  /* assemble only (stage 100svh + sticky travel 100svh). SMP overrides below. */
  height: 200svh;
}
/* SMP: cut ~20% off the opening blank (200svh -> 160svh) so the logo
   rises and section 01 arrives sooner. PC/tablet stay 200svh. */
@media (max-width: 767px) {
  #lp_main_wrap .iw-mv {
    height: 160svh;
  }
}
#lp_main_wrap .iw-mv-stage {
  position: sticky;
  top: 0;
  z-index: 0;
  width: 100%;
  max-width: 100%;
  height: var(--iw-mv-visual-h);
  /* clip only vertically for the rise animation; keep logo paintable */
  overflow: hidden;
}
#lp_main_wrap .iw-mv-visual {
  position: absolute;
  inset: 0;
  z-index: 10;
  width: 100%;
  max-width: 100%;
  overflow: visible;
}
#lp_main_wrap .iw-mv-logo {
  position: absolute;
  left: 50%;
  /* JS (updateMvLogo) drives --iw-logo-top: 150% (below stage) -> 50% (center) */
  top: var(--iw-logo-top, 150%);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  height: auto;
  transform: translate(-50%, -50%);
  will-change: top;
  overflow: visible;
  color: #000;
  border: 0;
  font-family: "Plus Jakarta Sans", "Noto Sans JP", sans-serif;
  font-size: 32vw;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1024px) {
  #lp_main_wrap .iw-mv-logo {
    font-size: 35vw;
  }
}
/* Nav 01 scroll target: same Y as section 01 layout start (MV end + pull) */
#lp_main_wrap #anchor-history-and-origins {
  position: absolute;
  left: 0;
  top: calc(100% + var(--iw-mv-section1-pull));
  width: 1px;
  height: 1px;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
}
/* Section 01 follows MV (no overlap pull) so both scroll up after logo centers */
#lp_main_wrap #history-and-origins {
  margin-top: var(--iw-mv-section1-pull);
  z-index: 1;
  background: #fff;
}
/* Section dividers: top hairline only (avoid double/thick lines) */
#lp_main_wrap section.border-t,
#lp_main_wrap .iw-products-cta.border-t {
  border-width: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #e3e3e3;
}
/* Section 06 -> CTA: only one 1px line (CTA top). No extra bottom on 06. */
#lp_main_wrap #materials-and-knowhow {
  border-bottom: 0;
}
#lp_main_wrap .iw-products-cta {
  border-bottom: 0;
}
/* Title -> body copy spacing (original: mt-20 / lg:mt-40) */
#lp_main_wrap section h2 + p,
#lp_main_wrap section h2 ~ p.text-14 {
  margin-top: 1.25rem;
}
@media (min-width: 1024px) {
  #lp_main_wrap section h2 + p,
  #lp_main_wrap section h2 ~ p.text-14 {
    margin-top: 2.5rem;
  }
}
#lp_main_wrap .iw-mv-visual > .transition-opacity,
#lp_main_wrap .iw-mv-visual > .iw-fade {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  z-index: 1;
}
#lp_main_wrap .iw-mv-visual img,
#lp_main_wrap .iw-fade img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}
#lp_main_wrap img {
  max-width: 100%;
  height: auto;
  display: block;
}
/* Section row height: leave room for fixed bottom nav */
#lp_main_wrap .lg\:h-\[calc\(100svh-var\(--header-height\)\)\] {
  height: auto;
}
@media (min-width: 1024px) {
  #lp_main_wrap .lg\:h-\[calc\(100svh-var\(--header-height\)\)\] {
    height: calc(100svh - var(--header-height) - var(--iw-nav-height));
  }
}
/* mall override / keep !important: kamishibai sticky vs utility or mall position */
@media (min-width: 1024px) {
  #lp_main_wrap #history-and-origins,
  #lp_main_wrap #the-design-office,
  #lp_main_wrap #our-inspirations,
  #lp_main_wrap #our-collections,
  #lp_main_wrap #our-collaborations {
    position: sticky !important;
    top: 0 !important;
    margin-bottom: 25rem;
    z-index: 1;
  }
  #lp_main_wrap #materials-and-knowhow {
    z-index: 1;
  }
  #lp_main_wrap .iw-mv-stage {
    position: sticky !important;
    top: 0 !important;
  }
}
/* JP-only: product list CTA after section 06 */
#lp_main_wrap .iw-products-cta {
  position: relative;
  z-index: 1;
  background: #fff;
  padding-top: calc(var(--column) * 2);
  padding-bottom: calc(var(--iw-nav-height) + var(--column) * 2);
}
#lp_main_wrap .iw-products-cta__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
}
#lp_main_wrap .lp_attention,
#lp_main_wrap .lp_attention * {
  text-align: left;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  #lp_main_wrap .lp_attention,
  #lp_main_wrap .lp_attention * {
    text-align: center;
  }
}
#lp_main_wrap .iw-products-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: min(100%, 22rem);
  padding: 1rem 2.25rem;
  border: 1px solid #000;
  background: #fff;
  color: #000;
  font-family: "Plus Jakarta Sans","Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-size: max(12.6px, 0.875rem);
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.35s cubic-bezier(0.26, 1.04, 0.54, 1),
    color 0.35s cubic-bezier(0.26, 1.04, 0.54, 1);
}
#lp_main_wrap .iw-products-cta__btn:hover,
#lp_main_wrap .iw-products-cta__btn:focus-visible {
  background: #000;
  color: #fff;
  outline: none;
}
#lp_main_wrap .iw-products-cta__btn:focus-visible {
  outline: 2px solid #000;
  outline-offset: 3px;
}

/* ===== LOOK mall embed compat ===== */
/* Do NOT set overflow-x on html/body - it breaks position:sticky (kamishibai). */
#page-body {
  overflow: visible;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#footer_banner {
  margin-top: 0;
}
#lp_main_wrap .grid-container,
#lp_main_wrap .lg\:grid-container {
  max-width: 100%;
  box-sizing: border-box;
}
#lp_main_wrap .iw-mv,
#lp_main_wrap .iw-mv-stage,
#lp_main_wrap section {
  max-width: 100%;
  box-sizing: border-box;
}
/* Body copy width safety (desktop column) */
@media (min-width: 1024px) {
  #lp_main_wrap p.lg\:span-w-8 {
    width: calc(8 * var(--column) + 7 * var(--gutter));
    max-width: 100%;
  }
}
/* Images visible even if JS fails (fade applied by script.js only) */
#lp_main_wrap .transition-opacity {
  transition-property: opacity;
  transition-duration: 0.5s;
}
#lp_main_wrap .transition-opacity.opacity-0.iw-fade:not(.is-loaded) {
  opacity: 0;
}
#lp_main_wrap .transition-opacity.opacity-0:not(.iw-fade) {
  opacity: 1;
}
/* Body copy: honor intentional \n\n only (class whitespace-pre-line) */
#lp_main_wrap p.whitespace-pre-line {
  white-space: pre-line;
}
#lp_main_wrap .text-14 {
  line-height: 1.25;
}
#lp_main_wrap .ease-out-quart {
  transition-timing-function: cubic-bezier(.26, 1.04, .54, 1);
}
#lp_main_wrap .transition-color {
  transition-property: color;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
}
/* Nav prev/next fade (replaces opaque Tailwind transition-[opacity,visibility]) */
body > nav.iw-section-nav .iw-nav-fade,
#lp_main_wrap nav.iw-section-nav .iw-nav-fade {
  transition-property: opacity, visibility;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
}
#lp_main_wrap .iw-fade.is-loaded,
#lp_main_wrap .iw-fade.opacity-100 {
  opacity: 1;
}
/* Active color via .is-active (HTML !text-black removed) */
body > nav.iw-section-nav .iw-nav-link.is-active,
body > nav.iw-section-nav .iw-nav-link.is-all-active,
#lp_main_wrap nav.iw-section-nav .iw-nav-link.is-active,
#lp_main_wrap nav.iw-section-nav .iw-nav-link.is-all-active {
  color: #000;
}
body > nav.iw-section-nav .iw-nav-link:not(.is-active):not(.is-all-active),
#lp_main_wrap nav.iw-section-nav .iw-nav-link:not(.is-active):not(.is-all-active) {
  color: rgba(165, 163, 160, 1);
}
/*
  Bottom section nav (may be promoted to body).
  mall override / keep !important: fixed pin, z-index, show/hide vs mall layout.
  z-index 2147483000: intentional ceiling so the pinned nav stays above LOOK mall
  chrome (site header, sticky bars, overlays) after move to body. Do not lower
  without re-checking mall embed stacking.
*/
body > nav.iw-section-nav,
#lp_main_wrap nav.iw-section-nav {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2147483000 !important;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  background: #fff;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e3e3e3;
  display: block;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  transition: opacity 0.25s ease, visibility 0.25s ease;
  font-family: "Plus Jakarta Sans","Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  /* expose grid tokens even after nav is moved to <body> */
  --margin: inherit;
}
body > nav.iw-section-nav.is-hidden,
#lp_main_wrap nav.iw-section-nav.is-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body > nav.iw-section-nav .iw-nav-scroller,
body > nav.iw-section-nav [data-lenis-prevent],
#lp_main_wrap nav.iw-section-nav .iw-nav-scroller,
#lp_main_wrap nav.iw-section-nav [data-lenis-prevent] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* original: py-24 + margin-px-1 */
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: var(--margin, 4.83092vw);
  padding-right: var(--margin, 4.83092vw);
  gap: 0;
}
body > nav.iw-section-nav .iw-nav-scroller > div,
#lp_main_wrap nav.iw-section-nav .iw-nav-scroller > div {
  flex: 0 0 auto;
  padding-right: 1.5rem;
}
body > nav.iw-section-nav .iw-nav-scroller > div:last-child,
#lp_main_wrap nav.iw-section-nav .iw-nav-scroller > div:last-child {
  padding-right: 0;
}
@media (min-width: 1024px) {
  body > nav.iw-section-nav .iw-nav-scroller > div,
  #lp_main_wrap nav.iw-section-nav .iw-nav-scroller > div {
    padding-right: 0;
  }
}
/* Number + label: top-aligned like original */
body > nav.iw-section-nav a,
body > nav.iw-section-nav a:hover,
body > nav.iw-section-nav a:focus,
body > nav.iw-section-nav a:focus-visible,
#lp_main_wrap nav.iw-section-nav a,
#lp_main_wrap nav.iw-section-nav a:hover,
#lp_main_wrap nav.iw-section-nav a:focus,
#lp_main_wrap nav.iw-section-nav a:focus-visible {
  display: flex;
  align-items: flex-start;
  line-height: 1.25;
  /* mall override / keep !important: kill mall link underline/decoration */
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
body > nav.iw-section-nav a::after,
body > nav.iw-section-nav a:hover::after,
#lp_main_wrap nav.iw-section-nav a::after,
#lp_main_wrap nav.iw-section-nav a:hover::after {
  /* mall override / keep !important: kill mall a::after underline */
  content: none !important;
  display: none !important;
}
body > nav.iw-section-nav a > span:first-child,
#lp_main_wrap nav.iw-section-nav a > span:first-child {
  margin-top: 0.15em;
  margin-right: 0.4em;
  font-size: 70%;
  line-height: 1;
  align-self: flex-start;
}
body > nav.iw-section-nav a > span:last-child,
#lp_main_wrap nav.iw-section-nav a > span:last-child {
  font-size: max(12.6px, 0.875rem);
  line-height: 1.25;
  white-space: nowrap;
}
/* Prev/Next arrows: hide when disabled */
body > nav.iw-section-nav button.is-disabled,
#lp_main_wrap nav.iw-section-nav button.is-disabled {
  /* mall override / keep !important: hide vs mall button styles */
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
body > nav.iw-section-nav button[aria-label="Next"],
body > nav.iw-section-nav button[aria-label="Previous"],
#lp_main_wrap nav.iw-section-nav button[aria-label="Next"],
#lp_main_wrap nav.iw-section-nav button[aria-label="Previous"] {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#lp_main_wrap .lg\:grid-container-full {
  max-width: 100%;
  box-sizing: border-box;
}
/* ===== Scoped base (mall-safe: do NOT style global html/body/a/ul) ===== */
#lp_main_wrap,#lp_main_wrap *,#lp_main_wrap :after,#lp_main_wrap :before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
#lp_main_wrap :after,#lp_main_wrap :before{--tw-content:""}
#lp_main_wrap{
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  font-family: "Plus Jakarta Sans","Noto Sans JP", sans-serif;
  font-optical-sizing:auto;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-tap-highlight-color:transparent;
}
#lp_main_wrap hr{height:0;color:inherit;border-top-width:1px}
#lp_main_wrap h1,#lp_main_wrap h2,#lp_main_wrap h3,#lp_main_wrap h4,#lp_main_wrap h5,#lp_main_wrap h6{font-size:inherit;font-weight:inherit}
#lp_main_wrap a{color:inherit;text-decoration:inherit}
#lp_main_wrap b,#lp_main_wrap strong{font-weight:bolder}
#lp_main_wrap blockquote,#lp_main_wrap dd,#lp_main_wrap dl,#lp_main_wrap figure,#lp_main_wrap h1,#lp_main_wrap h2,#lp_main_wrap h3,#lp_main_wrap h4,#lp_main_wrap h5,#lp_main_wrap h6,#lp_main_wrap hr,#lp_main_wrap p,#lp_main_wrap pre{margin:0}
#lp_main_wrap menu,#lp_main_wrap ol,#lp_main_wrap ul{list-style:none;margin:0;padding:0}
#lp_main_wrap button{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;background:transparent;border:0;cursor:pointer;text-transform:none}
#lp_main_wrap img,#lp_main_wrap svg,#lp_main_wrap video{display:block;vertical-align:middle;max-width:100%;height:auto}
#lp_main_wrap [hidden]:where(:not([hidden=until-found])){display:none}
/* ===== Used Tailwind utilities only (pruned from original Inoui site build) =====
   Source: vendor utility dump from inoui-editions.com (no local Tailwind config).
   Arbitrary values like left-[182.431vw] removed - unused on this JP LP.
   Rebuild note: if HTML class names change, re-prune from the original dump or
   add an explicit rule under #lp_main_wrap instead of restoring the full dump.
*/
#lp_main_wrap p{white-space:normal}.grid-container{display:block;margin:0 auto;width:var(--grid-width)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-bottom-1{bottom:-1px}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.z-10{z-index:10}.ml-20{margin-left:1.25rem}.mr-3{margin-right:3px}.mt-1{margin-top:1px}.mt-20{margin-top:1.25rem}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.h-11{height:.6875rem}.w-7{width:.4375rem}.w-full{width:100%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.-translate-y-37{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-0,.scale-x-\[-1\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\[-1\]{--tw-scale-x:-1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-grey-line{--tw-border-opacity:1;border-color:rgba(227,227,227,var(--tw-border-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity,1))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-white{--tw-gradient-from:rgba(255,255,255,1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,255,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-60\%{--tw-gradient-from-position:60%}.py-24{padding-top:1.5rem;padding-bottom:1.5rem}.font-light{font-family:"Noto Sans JP",sans-serif}.text-14{font-size:max(12.6px,.875rem);line-height:1.25;letter-spacing:-.01em}.text-\[55\%\]{font-size:55%}.font-light{font-weight:300}.text-grey-light{--tw-text-opacity:1;color:rgba(165,163,160,var(--tw-text-opacity,1))}.accent-current{accent-color:currentColor}.opacity-0{opacity:0}.opacity-100{opacity:1}.outline-offset-2{outline-offset:2px}.outline-current{outline-color:currentColor}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-quart-inout{transition-timing-function:cubic-bezier(.77,0,.175,1)}.ease-quart-out{transition-timing-function:cubic-bezier(.26,1.04,.54,1)}.span-w-7{width:calc(7 * var(--column) + 6 * var(--gutter))}.span-mb-1{margin-bottom:calc(1 * var(--column) + 0 * var(--gutter))}.margin-w-2{width:calc(2 * var(--margin))}.margin-px-1{padding-left:var(--margin);padding-right:var(--margin)}.focus-visible\:text-black:focus-visible{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity,1))}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:duration-200:focus-visible{transition-duration:.2s}@media (min-width:1024px){.lg\:grid-container{display:block;margin:0 auto;width:var(--grid-width)}.lg\:sticky{position:sticky}.lg\:top-0{top:0}.lg\:mb-400{margin-bottom:25rem}.lg\:mt-40{margin-top:2.5rem}.lg\:flex{display:flex}.lg\:h-\[calc\(100svh-var\(--header-height\)\)\]{height:calc(100svh - var(--header-height))}.lg\:w-1{width:1px}.lg\:min-w-full{min-width:100%}.lg\:flex-1{flex:1 1 0%}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:items-end{align-items:flex-end}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:bg-grey-line{--tw-bg-opacity:1;background-color:rgba(227,227,227,var(--tw-bg-opacity,1))}.lg\:span-w-11{width:calc(11 * var(--column) + 10 * var(--gutter))}.lg\:span-w-6{width:calc(6 * var(--column) + 5 * var(--gutter))}.lg\:span-w-8{width:calc(8 * var(--column) + 7 * var(--gutter))}.lg\:span-my-1{margin-top:calc(1 * var(--column) + 0 * var(--gutter));margin-bottom:calc(1 * var(--column) + 0 * var(--gutter))}.lg\:span-mr-4-wide{margin-right:calc(4 * var(--column) + 4 * var(--gutter))}.lg\:span-ml-1-wider{margin-left:calc(1 * var(--column) + 2 * var(--gutter))}.lg\:span-ml-4-wider{margin-left:calc(4 * var(--column) + 5 * var(--gutter))}.lg\:margin-px-1{padding-left:var(--margin);padding-right:var(--margin)}}@media (max-width:1023px){.nlg\:hidden{display:none}.nlg\:w-full{width:100%}.nlg\:justify-between{justify-content:space-between}.nlg\:self-end{align-self:flex-end}.nlg\:pr-24{padding-right:1.5rem}.nlg\:pt-30{padding-top:1.875rem}.nlg\:span-mb-2{margin-bottom:calc(2 * var(--column) + 1 * var(--gutter))}.nlg\:invisible-scrollbar-x::-webkit-scrollbar{display:none}.nlg\:invisible-scrollbar,.nlg\:invisible-scrollbar-x{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.nlg\:invisible-scrollbar-x{overflow-x:scroll}.nlg\:last\:pr-0:last-child{padding-right:0}}@media (hover:hover) and (pointer:fine){.hover\:text-black:hover{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity,1))}.hover\:duration-200:hover{transition-duration:.2s}}