/* source-site/assets/minimal-orbit-theme.css */
:root {
  --ink: #07121e;
  --paper: #f1f5f7;
  --paper-2: #e8eef3;
  --white: #fbfdff;
  --muted: #68798a;
  --line: rgba(13, 38, 61, .14);
  --gold: #75add9;
  --shadow: 0 26px 82px rgba(11, 37, 60, .15);
}
html {
  background: var(--ink);
}
body {
  color: var(--ink);
  background: var(--paper);
}
body::after {
  opacity: .025;
  background-image:
    repeating-linear-gradient(
      120deg,
      rgba(23, 52, 78, .28) 0 1px,
      transparent 1px 5px);
  mix-blend-mode: multiply;
}
::selection {
  color: var(--white);
  background: #27618c;
}
.intro {
  color: #102b43;
  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(255, 255, 255, .95) 0 3%,
      transparent 16%),
    radial-gradient(
      circle at 54% 55%,
      rgba(123, 174, 215, .25),
      transparent 35%),
    linear-gradient(
      135deg,
      #f5f8fa 0%,
      #dbe6ee 56%,
      #afc7da 100%);
  perspective: none;
}
.intro::before,
.intro::after,
.intro__visual,
.intro__exposure,
.intro__stage::before {
  display: none !important;
}
.intro__stage {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  perspective: none;
  transform: none;
}
.intro__ring,
.intro__orb,
.intro__line {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
}
.intro__ring {
  border: 1px solid rgba(25, 72, 108, .42);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .52) inset, 0 0 42px rgba(96, 157, 205, .11);
  transform: translate3d(-50%, -50%, 0) scale(.88);
  animation: orbit-ring-in 1.15s cubic-bezier(.16, 1, .3, 1) .08s both;
}
.intro__ring--outer {
  width: min(49vw, 660px);
  aspect-ratio: 1;
  opacity: .54;
}
.intro__ring--inner {
  width: min(25vw, 338px);
  aspect-ratio: 1;
  opacity: .3;
  animation-delay: .19s;
}
.intro__orb {
  width: clamp(46px, 5.2vw, 78px);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 31% 27%,
      #fff 0 7%,
      rgba(241, 249, 253, .96) 14%,
      rgba(174, 211, 232, .94) 41%,
      rgba(95, 139, 178, .96) 72%,
      #294c70 100%);
  box-shadow:
    -15px 18px 32px rgba(22, 61, 95, .25),
    0 0 0 1px rgba(255, 255, 255, .58) inset,
    0 0 42px rgba(171, 218, 242, .42);
  transform: translate3d(-50%, -50%, 0);
  animation: orbit-orb-float 4.6s cubic-bezier(.45, 0, .55, 1) .35s infinite alternate;
}
.intro__line {
  width: min(31vw, 420px);
  height: 1px;
  opacity: .55;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(25, 76, 114, .82) 18%,
      rgba(255, 255, 255, .9) 50%,
      rgba(25, 76, 114, .82) 82%,
      transparent);
  box-shadow: 0 0 18px rgba(211, 239, 255, .6);
  transform: translate3d(-50%, -50%, 0) rotate(-25deg) scaleX(0);
  animation: orbit-line-in 1s cubic-bezier(.16, 1, .3, 1) .5s both;
}
.intro__brand {
  z-index: 3;
  gap: 14px;
  color: #112b43;
  text-shadow: none;
  animation: orbit-brand-in .86s cubic-bezier(.16, 1, .3, 1) .12s both;
}
.intro__brand::before {
  display: none;
}
.intro__brand strong {
  color: #0f2940;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-size: clamp(53px, 7.2vw, 100px);
  font-weight: 600;
  letter-spacing: .26em;
  margin-right: -.26em;
  text-shadow: none;
  animation: none;
}
.intro__letter {
  animation: none !important;
}
.intro__brand i {
  width: 48px;
  background: #3e7da9;
  opacity: .75;
  animation: orbit-brand-rule-in .8s cubic-bezier(.16, 1, .3, 1) .36s both;
}
.intro__brand span {
  color: rgba(15, 41, 64, .62);
  font-size: 8px;
  letter-spacing: .38em;
  animation: none;
}
.intro__progress,
.intro__skip {
  z-index: 4;
}
.intro__progress-meta {
  color: rgba(14, 44, 69, .52);
}
.intro__progress-meta b {
  color: #173d5d;
}
.intro__progress-track {
  height: 1px;
  background: rgba(17, 59, 91, .2);
}
.intro__progress-track i {
  background: #367eaf;
  box-shadow: 0 0 16px rgba(90, 167, 217, .45);
}
.intro__progress-track::after {
  display: none;
}
.intro__skip {
  color: rgba(13, 43, 68, .58);
}
.intro__skip:hover,
.intro__skip:focus-visible {
  color: #102e48;
  background: rgba(255, 255, 255, .32);
}
.intro.is-leaving {
  animation: orbit-intro-out .82s cubic-bezier(.65, 0, .35, 1) forwards;
}
.intro.is-leaving .intro__brand,
.intro.is-leaving .intro__progress,
.intro.is-leaving .intro__skip {
  animation: orbit-detail-out .28s ease forwards;
}
.intro.is-leaving .intro__ring {
  animation: orbit-ring-out .72s cubic-bezier(.65, 0, .35, 1) forwards;
}
.intro.is-leaving .intro__orb {
  animation: orbit-orb-out .72s cubic-bezier(.65, 0, .35, 1) forwards;
}
.intro.is-leaving .intro__line {
  animation: orbit-line-out .58s cubic-bezier(.65, 0, .35, 1) forwards;
}
@keyframes orbit-ring-in {
  from {
    opacity: 0;
    filter: blur(7px);
    transform: translate3d(-50%, -50%, 0) scale(.86);
  }
  to {
    filter: none;
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}
@keyframes orbit-line-in {
  to {
    transform: translate3d(-50%, -50%, 0) rotate(-25deg) scaleX(1);
  }
}
@keyframes orbit-brand-rule-in {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes orbit-brand-in {
  from {
    opacity: 0;
    transform: translate3d(0, 12px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes orbit-orb-float {
  from {
    transform: translate3d(calc(-50% - min(11vw, 145px)), calc(-50% + min(7vw, 92px)), 0);
  }
  to {
    transform: translate3d(calc(-50% + min(11vw, 145px)), calc(-50% - min(7vw, 92px)), 0);
  }
}
@keyframes orbit-detail-out {
  to {
    opacity: 0;
    filter: blur(4px);
    transform: translate3d(0, -8px, 0);
  }
}
@keyframes orbit-ring-out {
  to {
    opacity: 0;
    filter: blur(3px);
    transform: translate3d(-50%, -50%, 0) scale(1.5);
  }
}
@keyframes orbit-orb-out {
  to {
    opacity: 0;
    filter: blur(2px);
    transform: translate3d(-50%, -50%, 0) scale(9);
  }
}
@keyframes orbit-line-out {
  to {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) rotate(-25deg) scaleX(2.5);
  }
}
@keyframes orbit-intro-out {
  to {
    opacity: 0;
    visibility: hidden;
  }
}
.spatial-world {
  display: none;
}
.ambient-light {
  inset: -25vmax;
  opacity: .06;
  background:
    radial-gradient(
      circle at 70% 35%,
      rgba(93, 163, 213, .45),
      transparent 18%);
  mix-blend-mode: multiply;
  animation: none;
}
.scroll-progress {
  height: 1px;
  background: #5c9bca;
  box-shadow: 0 0 12px rgba(90, 158, 207, .35);
}
.site-header {
  color: var(--white);
  background: rgba(7, 18, 30, .78);
  border-color: rgba(194, 223, 244, .18);
}
.site-header.is-scrolled {
  background: rgba(7, 18, 30, .94);
  border-color: rgba(194, 223, 244, .24);
}
.wordmark__meta {
  border-color: rgba(196, 224, 244, .28);
}
.site-nav a.is-active {
  color: #092039;
  background: #b9dbef;
  box-shadow: none;
}
.header-cta {
  border-color: rgba(207, 232, 247, .52);
}
.header-cta:hover,
.header-cta:focus-visible {
  color: #082039;
  background: #d9edf8;
}
.floating-controls {
  background: rgba(7, 18, 30, .86);
  border-color: rgba(190, 224, 245, .2);
  box-shadow: 0 16px 44px rgba(3, 18, 30, .2), 0 0 0 1px rgba(116, 178, 219, .08) inset;
}
.music-toggle__bars i,
.work-card figcaption::after {
  background: #79b8e5;
}
.hero {
  background: #081622;
}
.hero::before {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(8%, 15vw, 22%);
  z-index: 3;
  width: clamp(170px, 25vw, 370px);
  aspect-ratio: 1;
  border: 1px solid rgba(218, 239, 251, .48);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(119, 180, 220, .12) inset, 0 0 70px rgba(103, 172, 219, .13);
  opacity: .8;
  transform: translateY(-50%);
  pointer-events: none;
}
.hero::after {
  inset: auto auto 11% clamp(28px, 8vw, 132px);
  z-index: 4;
  width: clamp(58px, 7vw, 104px);
  height: 1px;
  opacity: .76;
  background:
    linear-gradient(
      90deg,
      #d6efff,
      rgba(129, 190, 230, .18));
  mix-blend-mode: normal;
  transform: none;
  animation: none;
}
.hero__shade {
  background:
    linear-gradient(
      90deg,
      rgba(5, 15, 25, .78),
      rgba(5, 15, 25, .16) 61%,
      rgba(5, 15, 25, .28)),
    linear-gradient(
      0deg,
      rgba(5, 15, 25, .48),
      transparent 50%);
}
.hero__copy::before {
  background: #afdaf4;
}
.hero h1 {
  text-shadow: 0 18px 52px rgba(2, 12, 21, .25);
}
.section,
.manifesto,
.site-footer {
  position: relative;
}
.section-heading {
  position: relative;
}
.section-heading::before {
  content: "";
  position: absolute;
  right: 0;
  top: -44px;
  width: 58px;
  aspect-ratio: 1;
  border: 1px solid rgba(60, 119, 159, .34);
  border-radius: 50%;
  box-shadow: 0 0 0 9px rgba(113, 174, 214, .035);
  pointer-events: none;
}
.section-heading::after {
  content: "";
  position: absolute;
  top: -15px;
  right: 35px;
  width: 72px;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(59, 124, 166, .74),
      transparent);
  transform: rotate(-28deg);
  pointer-events: none;
}
.section-heading .eyebrow,
.about__copy .eyebrow,
.about__index,
.section-heading > p,
.about__bio,
.contact__lead p {
  color: #617789;
}
.about,
.services {
  background: var(--paper-2);
}
.works,
.contact {
  background: var(--paper);
}
.about__portrait {
  box-shadow: 0 30px 90px rgba(12, 42, 67, .14);
}
.about__portrait::after {
  background:
    linear-gradient(
      140deg,
      rgba(219, 243, 255, .18),
      transparent 30%,
      rgba(7, 27, 44, .06));
}
.about__role::before {
  background: #6faedd;
}
.about__facts {
  background: rgba(24, 70, 104, .14);
  border-color: rgba(24, 70, 104, .14);
}
.about__facts span {
  background: var(--paper-2);
  color: #607588;
}
.about__facts span:hover {
  background: #0c273d;
}
.manifesto,
.booking,
.site-footer {
  color: var(--white);
  background: #081722;
}
.manifesto {
  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(91, 161, 208, .23),
      transparent 28%),
    #081722;
}
.manifesto::before {
  background:
    linear-gradient(
      112deg,
      transparent 38%,
      rgba(170, 221, 246, .17) 50%,
      transparent 62%);
}
.booking {
  background: #07141f;
}
.booking-step b,
.package li::before,
.gallery-manager__eyebrow {
  color: #91c8eb;
}
.package:hover,
.package--featured,
.contact-grid > div:hover {
  background: #0b283f;
}
.contact::after {
  background:
    radial-gradient(
      circle 420px at var(--contact-x) var(--contact-y),
      rgba(100, 176, 222, .18),
      transparent 68%);
}
.contact-grid > div::before {
  background:
    radial-gradient(
      circle,
      rgba(124, 189, 226, .25),
      transparent 64%);
}
.site-footer {
  background: #06111b;
}
.gallery-page,
.lightbox,
.gallery-manager {
  background-color: #07141f;
}
.gallery-page {
  background:
    radial-gradient(
      circle at 74% 18%,
      rgba(86, 157, 205, .16),
      transparent 32%),
    #07141f;
}
.gallery-page__header {
  background: rgba(7, 20, 31, .78);
}
.spatial-v3 .spatial-section-v3 {
  perspective: none;
}
.spatial-v3 [data-spatial-stage] {
  opacity: 0 !important;
  clip-path: none !important;
  filter: none !important;
  transform: translate3d(0, 28px, 0) !important;
  transition: opacity .72s cubic-bezier(.16, 1, .3, 1) var(--stage-delay), transform .9s cubic-bezier(.16, 1, .3, 1) var(--stage-delay) !important;
}
.spatial-v3 [data-spatial-stage].is-spatial-visible {
  opacity: 1 !important;
  transform: none !important;
}
.works-exhibit {
  --exhibit-ink: #102c43;
  --exhibit-line: rgba(41, 101, 143, .27);
  overflow: visible !important;
  padding-bottom: clamp(72px, 8vw, 128px);
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
}
.works-exhibit::after {
  display: none;
}
.works-exhibit__intro {
  margin-bottom: clamp(42px, 6vw, 84px);
}
.works-exhibit__scroll {
  position: relative;
  height: clamp(3100px, 560vh, 5600px);
  margin: 0 calc(clamp(24px, 6vw, 96px) * -1);
}
.works-exhibit__sticky {
  position: sticky;
  top: 0;
  height: 100svh;
  height: 100dvh;
  min-height: 620px;
  overflow: hidden;
  isolation: isolate;
  color: var(--exhibit-ink);
  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(126, 183, 219, .18),
      transparent 22%),
    linear-gradient(
      148deg,
      #fbfdff 0%,
      #edf4f8 54%,
      #d7e6f0 100%);
}
.works-exhibit__sticky::before,
.works-exhibit__sticky::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
.works-exhibit__sticky::before {
  inset: 11% 8%;
  border: 1px solid rgba(34, 88, 125, .12);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .8) inset;
}
.works-exhibit__sticky::after {
  inset: 0;
  opacity: .62;
  background:
    linear-gradient(
      90deg,
      rgba(234, 243, 249, .72),
      transparent 23%,
      transparent 77%,
      rgba(207, 225, 237, .48));
}
.works-exhibit__scene {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
.works-exhibit__orbit,
.works-exhibit__axis {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
}
.works-exhibit__orbit {
  border: 1px solid var(--exhibit-line);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.works-exhibit__orbit--outer {
  width: min(112vw, 1500px);
  height: min(148vh, 1260px);
  border-left-color: transparent;
  border-bottom-color: transparent;
  opacity: .64;
  transform: translate(-58%, -37%) rotate(24deg);
}
.works-exhibit__orbit--inner {
  width: min(31vw, 430px);
  aspect-ratio: 1;
  opacity: .36;
}
.works-exhibit__axis {
  width: min(88vw, 1180px);
  height: 1px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(42, 105, 147, .44),
      transparent);
  transform: translate(-50%, -50%) rotate(31deg);
}
.works-exhibit__orb {
  position: absolute;
  top: var(--exhibit-orb-y, 60%);
  left: var(--exhibit-orb-x, 63%);
  z-index: 2;
  width: clamp(54px, 7.2vw, 104px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 30% 26%,
      rgba(255, 255, 255, .92),
      rgba(255, 255, 255, .34) 20%,
      rgba(174, 211, 234, .23) 56%,
      rgba(86, 145, 186, .24) 100%);
  box-shadow:
    -16px 20px 34px rgba(49, 105, 145, .17),
    inset 8px 10px 18px rgba(255, 255, 255, .46),
    inset -12px -15px 24px rgba(78, 144, 190, .12),
    0 0 40px rgba(161, 211, 239, .3);
  -webkit-backdrop-filter: blur(12px) saturate(.9);
  backdrop-filter: blur(12px) saturate(.9);
  transform: translate(-50%, -50%) scale(var(--exhibit-orb-scale, 1));
  transition:
    top .28s ease-out,
    left .28s ease-out,
    transform .28s ease-out;
}
.works-exhibit__hud {
  position: absolute;
  top: max(92px, calc(env(safe-area-inset-top) + 82px));
  left: clamp(24px, 6vw, 96px);
  z-index: 4;
  display: grid;
  gap: 7px;
  max-width: min(300px, 68vw);
  color: rgba(22, 61, 90, .66);
  font:
    400 8px/1.25 Arial,
    Helvetica,
    sans-serif;
  letter-spacing: .24em;
  pointer-events: none;
}
.works-exhibit__hud b {
  color: #173d5c;
  font-size: 9px;
  font-weight: 400;
}
.works-exhibit__hud strong {
  color: #0d2b43;
  font-family:
    "Songti SC",
    "STSong",
    "SimSun",
    "\5b8b\4f53",
    serif;
  font-size: clamp(21px, 2.3vw, 32px);
  font-weight: 400;
  letter-spacing: -.04em;
}
.works-exhibit__hud p {
  max-width: 31ch;
  margin: 8px 0 0;
  color: rgba(18, 57, 86, .74);
  font-size: clamp(12px, .95vw, 14px);
  line-height: 1.9;
  letter-spacing: .04em;
}
.works-exhibit__hud em {
  margin-top: 10px;
  color: rgba(28, 83, 120, .5);
  font-size: 7px;
  font-style: normal;
  letter-spacing: .28em;
}
.works-exhibit .works-grid {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: block;
  perspective: 1600px;
  transform-style: preserve-3d;
}
.works-exhibit .work-card {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(27vw, 374px);
  min-width: 208px;
  margin: 0 !important;
  transform: translate3d(var(--exhibit-x, -50%), var(--exhibit-y, -50%), var(--exhibit-z, -720px)) rotateX(var(--exhibit-rx, 0deg)) rotateY(var(--exhibit-ry, 0deg)) rotateZ(var(--exhibit-rz, 0deg)) scale(var(--exhibit-scale, .62)) !important;
  transform-style: preserve-3d;
  transform-origin: 50% 58%;
  opacity: var(--exhibit-opacity, 0);
  filter: blur(var(--exhibit-blur, 0));
  transition: opacity .32s linear, filter .32s linear;
  will-change:
    transform,
    opacity,
    filter;
}
.works-exhibit .work-card:hover {
  translate: 0 -6px;
}
.works-exhibit .work-card .media {
  border: 1px solid rgba(255, 255, 255, .86);
  box-shadow: 0 28px 74px rgba(22, 63, 94, .19);
}
.works-exhibit .media.has-photo::before {
  display: none;
}
.works-exhibit .media.has-photo > img,
.works-exhibit .media.has-photo:hover > img,
.works-exhibit .media.has-photo:focus-visible > img {
  filter: none !important;
  transform: scale(1.001) !important;
}
.works-exhibit .media.has-photo:hover > img,
.works-exhibit .media.has-photo:focus-visible > img {
  transform: scale(1.025) !important;
}
.works-exhibit .media.has-gallery::after {
  right: 10px;
  bottom: 10px;
  padding: 6px 8px;
  border-color: rgba(34, 86, 121, .2);
  color: rgba(15, 49, 74, .76);
  background: rgba(245, 250, 253, .68);
}
.works-exhibit .work-card figcaption {
  padding-top: 12px;
  color: #12354e;
  opacity: var(--exhibit-caption, .25);
  transition: opacity .3s ease;
}
.works-exhibit .work-card p,
.works-exhibit .work-card b {
  color: rgba(25, 71, 102, .64);
}
.works-exhibit .work-card figcaption::after {
  display: none;
}
@media (max-width: 900px) {
  .intro__ring--outer {
    width: min(75vw, 500px);
  }
  .intro__ring--inner {
    width: min(38vw, 252px);
  }
  .hero::before {
    right: 7%;
    width: min(48vw, 290px);
    opacity: .64;
  }
  .section-heading::before,
  .section-heading::after {
    display: none;
  }
  .works-exhibit__scroll {
    height: 500vh;
  }
  .works-exhibit .work-card {
    width: min(63vw, 352px);
    min-width: 0;
  }
  .works-exhibit__sticky::before {
    inset: 12% 6%;
  }
  .works-exhibit__orbit--outer {
    width: 142vw;
    height: 128vh;
  }
  .works-exhibit__orbit--inner {
    width: 36vw;
  }
}
@media (max-width: 560px) {
  .intro__brand strong {
    font-size: 54px;
  }
  .intro__brand span {
    letter-spacing: .24em;
  }
  .intro__line {
    width: 52vw;
  }
  .hero::before {
    top: 35%;
    right: -10%;
    width: 68vw;
  }
  .works-exhibit__scroll {
    height: 470vh;
  }
  .works-exhibit__sticky {
    min-height: 560px;
  }
  .works-exhibit__hud {
    top: max(80px, calc(env(safe-area-inset-top) + 66px));
  }
  .works-exhibit__hud em {
    display: none;
  }
  .works-exhibit .work-card {
    width: 68vw;
  }
}
@media (prefers-reduced-motion: reduce) {
  .intro__stage {
    display: none !important;
  }
  .works-exhibit__scroll {
    height: auto;
    margin: 0;
  }
  .works-exhibit__sticky {
    position: relative;
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 24px;
    background: transparent;
  }
  .works-exhibit__sticky::before,
  .works-exhibit__sticky::after,
  .works-exhibit__scene,
  .works-exhibit__hud {
    display: none;
  }
  .works-exhibit .works-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    perspective: none;
  }
  .works-exhibit .work-card {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    min-width: 0;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    translate: none;
  }
}
.intro__stage {
  perspective: 1420px;
  transform-style: preserve-3d;
}
.intro__stage::after {
  content: "";
  position: absolute;
  inset: -16%;
  z-index: -1;
  opacity: .58;
  background:
    radial-gradient(
      ellipse at 58% 36%,
      rgba(255, 255, 255, .82),
      transparent 18%),
    radial-gradient(
      ellipse at 38% 64%,
      rgba(108, 169, 211, .3),
      transparent 30%);
  filter: blur(22px);
  transform: translateZ(-180px) scale(1.12);
  animation: intro-atmosphere-drift 8s cubic-bezier(.45, 0, .55, 1) infinite alternate;
}
.intro__cube {
  --cube-size: clamp(106px, 12vw, 184px);
  --cube-half: calc(var(--cube-size) / 2);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: var(--cube-size);
  height: var(--cube-size);
  opacity: 0;
  transform-style: preserve-3d;
  pointer-events: none;
  animation: intro-cube-arrive 1.3s cubic-bezier(.16, 1, .3, 1) .12s both, intro-cube-drift 7.4s cubic-bezier(.45, 0, .55, 1) 1.35s infinite alternate;
}
.intro__cube::after {
  content: "";
  position: absolute;
  inset: -45%;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(162, 211, 239, .3),
      transparent 64%);
  filter: blur(15px);
  transform: translateZ(-50px);
}
.intro__cube-face {
  position: absolute;
  inset: 0;
  display: block;
  border: 1px solid rgba(234, 248, 255, .58);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .29),
      rgba(193, 224, 241, .065) 45%,
      rgba(68, 126, 170, .12));
  box-shadow: inset 0 0 28px rgba(255, 255, 255, .13), 0 0 18px rgba(78, 145, 191, .07);
  -webkit-backdrop-filter: blur(5px) saturate(.92);
  backdrop-filter: blur(5px) saturate(.92);
  backface-visibility: visible;
}
.intro__cube-face--front {
  transform: translateZ(var(--cube-half));
}
.intro__cube-face--back {
  transform: rotateY(180deg) translateZ(var(--cube-half));
  opacity: .38;
}
.intro__cube-face--right {
  transform: rotateY(90deg) translateZ(var(--cube-half));
  opacity: .72;
}
.intro__cube-face--left {
  transform: rotateY(-90deg) translateZ(var(--cube-half));
  opacity: .32;
}
.intro__cube-face--top {
  transform: rotateX(90deg) translateZ(var(--cube-half));
  opacity: .66;
}
.intro__cube-face--bottom {
  transform: rotateX(-90deg) translateZ(var(--cube-half));
  opacity: .24;
}
.intro__ring--outer {
  animation: orbit-ring-in 1.15s cubic-bezier(.16, 1, .3, 1) .08s both, intro-ring-outer-drift 10s cubic-bezier(.45, 0, .55, 1) 1.12s infinite alternate;
}
.intro__ring--inner {
  animation: orbit-ring-in 1.15s cubic-bezier(.16, 1, .3, 1) .19s both, intro-ring-inner-drift 8s cubic-bezier(.45, 0, .55, 1) 1.18s infinite alternate;
}
.intro__orb {
  animation: intro-orb-orbit 5.3s cubic-bezier(.45, 0, .55, 1) .32s infinite alternate;
}
.intro.is-leaving .intro__cube {
  animation: intro-cube-out .7s cubic-bezier(.65, 0, .35, 1) forwards;
}
@keyframes intro-cube-arrive {
  0% {
    opacity: 0;
    filter: blur(16px);
    transform: translate3d(calc(-50% - 8vw), calc(-50% + 5vh), -760px) rotateX(48deg) rotateY(-46deg) rotateZ(18deg) scale(.42);
  }
  68% {
    opacity: .56;
  }
  100% {
    opacity: .52;
    filter: blur(0);
    transform: translate3d(calc(-50% + clamp(62px, 10vw, 176px)), calc(-50% - clamp(44px, 7vh, 94px)), -20px) rotateX(-15deg) rotateY(31deg) rotateZ(-9deg) scale(1);
  }
}
@keyframes intro-cube-drift {
  0% {
    opacity: .44;
    transform: translate3d(calc(-50% + clamp(62px, 10vw, 176px)), calc(-50% - clamp(44px, 7vh, 94px)), -20px) rotateX(-15deg) rotateY(31deg) rotateZ(-9deg) scale(1);
  }
  100% {
    opacity: .6;
    transform: translate3d(calc(-50% + clamp(38px, 7vw, 128px)), calc(-50% - clamp(15px, 3vh, 42px)), 30px) rotateX(12deg) rotateY(66deg) rotateZ(8deg) scale(1.05);
  }
}
@keyframes intro-cube-out {
  to {
    opacity: 0;
    filter: blur(7px);
    transform: translate3d(calc(-50% + 12vw), calc(-50% - 9vh), 740px) rotateX(20deg) rotateY(115deg) rotateZ(15deg) scale(2.9);
  }
}
@keyframes intro-orb-orbit {
  0% {
    transform: translate3d(calc(-50% - min(12vw, 158px)), calc(-50% + min(7vw, 92px)), 0) scale(.9);
  }
  52% {
    transform: translate3d(calc(-50% + min(4vw, 56px)), calc(-50% - min(10vw, 132px)), 70px) scale(1.04);
  }
  100% {
    transform: translate3d(calc(-50% + min(13vw, 170px)), calc(-50% + min(4vw, 56px)), -30px) scale(.95);
  }
}
@keyframes intro-ring-outer-drift {
  from {
    transform: translate3d(-50%, -50%, -10px) rotate(-8deg) scale(1);
  }
  to {
    transform: translate3d(-50%, -50%, 28px) rotate(17deg) scale(1.055);
  }
}
@keyframes intro-ring-inner-drift {
  from {
    transform: translate3d(-50%, -50%, 42px) rotate(18deg) scale(.98);
  }
  to {
    transform: translate3d(-50%, -50%, -18px) rotate(-24deg) scale(1.1);
  }
}
@keyframes intro-atmosphere-drift {
  from {
    opacity: .38;
    transform: translate3d(-2%, 3%, -180px) scale(1.08);
  }
  to {
    opacity: .66;
    transform: translate3d(3%, -2%, -130px) scale(1.16);
  }
}
.site-nav a {
  display: inline-flex;
  align-items: center;
  gap: 0;
  overflow: hidden;
  white-space: nowrap;
  transition:
    gap .5s cubic-bezier(.16, 1, .3, 1),
    padding .5s cubic-bezier(.16, 1, .3, 1),
    background-color .32s ease,
    color .32s ease;
}
.site-nav__en {
  display: inline-block;
  font-size: .86em;
  letter-spacing: .11em;
}
.site-nav__cn {
  display: inline-block;
  max-width: 0;
  margin-left: 0;
  overflow: hidden;
  opacity: 0;
  font-size: .9em;
  letter-spacing: .06em;
  transform: translate3d(-.5em, 0, 0);
  transition:
    max-width .5s cubic-bezier(.16, 1, .3, 1),
    margin-left .5s cubic-bezier(.16, 1, .3, 1),
    opacity .25s ease .08s,
    transform .5s cubic-bezier(.16, 1, .3, 1);
}
@media (hover: hover) and (pointer: fine) {
  .site-nav a:hover,
  .site-nav a:focus-visible {
    gap: .42em;
    padding-inline: 14px;
  }
  .site-nav a:hover .site-nav__cn,
  .site-nav a:focus-visible .site-nav__cn {
    max-width: 5em;
    margin-left: .02em;
    opacity: .8;
    transform: translate3d(0, 0, 0);
  }
}
.works-exhibit__scroll {
  height: clamp(3500px, 640vh, 6400px);
  touch-action: pan-y;
}
.works-exhibit__polyhedron {
  position: absolute;
  top: var(--exhibit-poly-y, 56%);
  left: var(--exhibit-poly-x, 69%);
  z-index: 1;
  display: block;
  width: clamp(164px, 20vw, 308px);
  aspect-ratio: 1;
  opacity: var(--exhibit-poly-opacity, .16);
  filter: blur(var(--exhibit-poly-blur, 0));
  mix-blend-mode: multiply;
  transform: translate3d(-50%, -50%, var(--exhibit-poly-z, -240px)) rotateX(var(--exhibit-poly-rx, -12deg)) rotateY(var(--exhibit-poly-ry, 22deg)) rotateZ(var(--exhibit-poly-rz, -8deg)) scale(var(--exhibit-poly-scale, 1));
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
  transition: opacity .35s ease, filter .35s ease;
  will-change:
    transform,
    opacity,
    filter;
}
.works-exhibit__polyhedron::before {
  content: "";
  position: absolute;
  inset: 16%;
  z-index: -1;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(101, 168, 208, .34),
      transparent 68%);
  filter: blur(22px);
  transform: translateZ(-80px) scale(1.6);
}
.works-exhibit__polyhedron svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  filter: drop-shadow(-12px 20px 24px rgba(37, 97, 136, .12));
}
.works-exhibit__polyhedron .facet {
  stroke: rgba(42, 105, 145, .22);
  stroke-width: .75;
  stroke-linejoin: round;
}
.works-exhibit__polyhedron .facet--1 {
  fill: rgba(229, 246, 255, .58);
}
.works-exhibit__polyhedron .facet--2 {
  fill: rgba(121, 184, 221, .33);
}
.works-exhibit__polyhedron .facet--3 {
  fill: rgba(255, 255, 255, .68);
}
.works-exhibit__polyhedron .facet--4 {
  fill: rgba(91, 160, 202, .29);
}
.works-exhibit__polyhedron .facet--5 {
  fill: rgba(140, 197, 228, .44);
}
.works-exhibit__polyhedron .facet--6 {
  fill: rgba(194, 227, 244, .51);
}
.works-exhibit__polyhedron .facet--7 {
  fill: rgba(80, 148, 193, .26);
}
.works-exhibit__polyhedron .facet--8 {
  fill: rgba(115, 177, 214, .36);
}
.works-exhibit__polyhedron .facet--9,
.works-exhibit__polyhedron .facet--10 {
  fill: rgba(255, 255, 255, .84);
}
.works-exhibit__polyhedron .facet--11,
.works-exhibit__polyhedron .facet--12 {
  fill: rgba(75, 146, 190, .24);
}
.works-exhibit__orb-shadow {
  position: absolute;
  top: var(--exhibit-shadow-y, 70%);
  left: var(--exhibit-shadow-x, 62%);
  z-index: 1;
  width: clamp(70px, 10vw, 148px);
  height: clamp(16px, 2vw, 28px);
  border-radius: 50%;
  opacity: var(--exhibit-shadow-opacity, .22);
  background:
    radial-gradient(
      ellipse,
      rgba(25, 78, 114, .35),
      rgba(39, 99, 137, .11) 46%,
      transparent 72%);
  filter: blur(10px);
  transform: translate(-50%, -50%) rotate(var(--exhibit-shadow-rotation, 0deg)) scaleX(var(--exhibit-shadow-scale, 1));
  transition:
    top .28s ease-out,
    left .28s ease-out,
    transform .28s ease-out,
    opacity .28s ease-out;
  pointer-events: none;
}
.works-exhibit__orb {
  overflow: visible;
}
.works-exhibit__orb::before,
.works-exhibit__orb::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
}
.works-exhibit__orb::before {
  inset: 9%;
  background:
    radial-gradient(
      circle at 30% 25%,
      rgba(255, 255, 255, .88),
      rgba(255, 255, 255, 0) 42%);
  opacity: .84;
}
.works-exhibit__orb::after {
  inset: -55%;
  z-index: -1;
  background:
    radial-gradient(
      circle,
      rgba(194, 231, 250, .38),
      transparent 62%);
  filter: blur(11px);
  opacity: .66;
}
.works-exhibit__hud {
  transition: opacity .28s ease;
}
.works-exhibit__hud.is-story-changing strong,
.works-exhibit__hud.is-story-changing p,
.works-exhibit__hud.is-story-changing b {
  animation: exhibit-copy-arrive .72s cubic-bezier(.16, 1, .3, 1) both;
}
.works-exhibit .work-card figcaption {
  opacity: 0 !important;
  transform: translate3d(0, 15px, 0);
  transition: opacity .42s cubic-bezier(.16, 1, .3, 1), transform .58s cubic-bezier(.16, 1, .3, 1) !important;
}
.works-exhibit .work-card[data-exhibit-active] figcaption {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0);
}
@keyframes exhibit-copy-arrive {
  from {
    opacity: 0;
    filter: blur(5px);
    transform: translate3d(-28px, 18px, 0) skewY(3deg);
  }
  to {
    opacity: 1;
    filter: none;
    transform: translate3d(0, 0, 0) skewY(0);
  }
}
@media (max-width: 900px) {
  .intro__cube {
    --cube-size: clamp(92px, 26vw, 146px);
  }
  .intro__cube-face {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .works-exhibit__scroll {
    height: 610vh;
  }
  .works-exhibit__polyhedron {
    width: clamp(142px, 42vw, 230px);
    opacity: var(--exhibit-poly-opacity, .12);
  }
  .works-exhibit__orb-shadow {
    filter: blur(8px);
  }
  .works-exhibit__hud {
    max-width: min(240px, 63vw);
  }
}
@media (max-width: 560px) {
  .intro__cube {
    --cube-size: 102px;
  }
  .intro__cube::after {
    filter: blur(10px);
  }
  .works-exhibit__scroll {
    height: 590vh;
  }
  .works-exhibit__polyhedron {
    width: 42vw;
  }
  .works-exhibit__orb-shadow {
    width: 84px;
    height: 17px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .intro__cube,
  .intro__stage::after,
  .works-exhibit__polyhedron,
  .works-exhibit__orb-shadow {
    display: none !important;
  }
  .intro__ring,
  .intro__orb {
    animation: none !important;
  }
}

/* source-site/assets/refined-v3.css */
:root {
  --len-blue-light: rgba(189, 228, 248, .56);
  --len-blue-mid: rgba(98, 162, 205, .34);
  --len-blue-deep: rgba(17, 65, 96, .42);
  --len-ease-float: cubic-bezier(.16, 1, .3, 1);
  --len-ease-spring: cubic-bezier(.14, .92, .22, 1.12);
}
html,
body,
a,
button,
[role=button],
.works-exhibit__hud {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a,
button,
[role=button] {
  -webkit-touch-callout: none;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[role=button]:focus:not(:focus-visible) {
  outline: none;
}
html.len-touch a:active,
html.len-touch button:active,
html.len-touch [role=button]:active {
  color: inherit;
}
.intro__stage {
  perspective: 1760px;
  transform-style: preserve-3d;
}
.intro__blur {
  position: absolute;
  z-index: 0;
  display: block;
  width: clamp(100px, 16vw, 244px);
  aspect-ratio: 1;
  border-radius: 48% 52% 55% 45% / 42% 46% 54% 58%;
  pointer-events: none;
  mix-blend-mode: screen;
  filter: blur(clamp(11px, 1.8vw, 26px));
  opacity: 0;
  will-change:
    opacity,
    transform,
    filter;
}
.intro__blur--a {
  top: 29%;
  left: calc(50% - min(28vw, 340px));
  background:
    radial-gradient(
      circle at 37% 34%,
      rgba(255, 255, 255, .68),
      rgba(169, 218, 244, .24) 42%,
      transparent 71%);
  animation: len-intro-blur-a 7.5s cubic-bezier(.45, 0, .55, 1) .35s infinite alternate;
}
.intro__blur--b {
  top: 49%;
  left: calc(50% + min(13vw, 175px));
  width: clamp(72px, 10vw, 152px);
  background:
    radial-gradient(
      circle at 56% 42%,
      rgba(255, 255, 255, .44),
      rgba(102, 171, 216, .22) 45%,
      transparent 72%);
  animation: len-intro-blur-b 8.7s cubic-bezier(.45, 0, .55, 1) .52s infinite alternate;
}
.intro__cube {
  animation: intro-cube-arrive 1.3s var(--len-ease-float) .12s both, len-intro-cube-drift 8.5s cubic-bezier(.45, 0, .55, 1) 1.35s infinite alternate;
}
.intro__orb {
  animation: len-intro-orb-orbit 6.1s cubic-bezier(.45, 0, .55, 1) .32s infinite alternate;
}
.intro.is-leaving .intro__blur {
  opacity: 0;
  filter: blur(20px);
  transition: opacity .28s ease, filter .4s ease;
}
@keyframes len-intro-blur-a {
  from {
    opacity: .28;
    transform: translate3d(-9px, 20px, -160px) scale(.84) rotate(-18deg);
  }
  to {
    opacity: .54;
    transform: translate3d(24px, -24px, -70px) scale(1.12) rotate(14deg);
  }
}
@keyframes len-intro-blur-b {
  from {
    opacity: .18;
    transform: translate3d(15px, 14px, 30px) scale(.86) rotate(16deg);
  }
  to {
    opacity: .42;
    transform: translate3d(-18px, -23px, 90px) scale(1.08) rotate(-12deg);
  }
}
@keyframes len-intro-cube-drift {
  0% {
    opacity: .43;
    transform: translate3d(calc(-50% + clamp(62px, 10vw, 176px)), calc(-50% - clamp(44px, 7vh, 94px)), -20px) rotateX(-15deg) rotateY(31deg) rotateZ(-9deg) scale(1);
  }
  48% {
    opacity: .59;
    transform: translate3d(calc(-50% + clamp(28px, 5vw, 84px)), calc(-50% - clamp(10px, 2vh, 28px)), 54px) rotateX(9deg) rotateY(57deg) rotateZ(5deg) scale(1.055);
  }
  100% {
    opacity: .48;
    transform: translate3d(calc(-50% + clamp(48px, 8vw, 132px)), calc(-50% - clamp(26px, 4vh, 56px)), 12px) rotateX(17deg) rotateY(77deg) rotateZ(-4deg) scale(1.025);
  }
}
@keyframes len-intro-orb-orbit {
  0% {
    transform: translate3d(calc(-50% - min(13vw, 172px)), calc(-50% + min(8vw, 108px)), -28px) scale(.88);
  }
  46% {
    transform: translate3d(calc(-50% - min(1vw, 18px)), calc(-50% - min(11vw, 144px)), 88px) scale(1.07);
  }
  100% {
    transform: translate3d(calc(-50% + min(14vw, 184px)), calc(-50% + min(2vw, 34px)), 8px) scale(.94);
  }
}
.hero__object-layer {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  perspective: 1500px;
  transform-style: preserve-3d;
  transition: opacity .9s ease .22s;
}
html.intro-reveal .hero__object-layer {
  opacity: 1;
}
.hero__soft-orb {
  position: absolute;
  top: 31%;
  right: clamp(11%, 18vw, 25%);
  width: clamp(36px, 5vw, 78px);
  aspect-ratio: 1;
  border: 1px solid rgba(242, 250, 255, .52);
  border-radius: 50%;
  opacity: .36;
  background:
    radial-gradient(
      circle at 30% 26%,
      rgba(255, 255, 255, .92),
      rgba(209, 239, 252, .46) 28%,
      rgba(86, 156, 203, .18) 68%,
      rgba(23, 75, 112, .24));
  box-shadow:
    -15px 21px 32px rgba(0, 0, 0, .22),
    inset 8px 10px 16px rgba(255, 255, 255, .38),
    0 0 48px rgba(169, 220, 247, .32);
  mix-blend-mode: screen;
  transform: translate3d(0, 0, 0);
  animation: len-hero-orb 8.4s cubic-bezier(.45, 0, .55, 1) 1.5s infinite alternate;
}
.hero__glass-cube {
  --cube-size: clamp(74px, 10vw, 154px);
  --cube-half: calc(var(--cube-size) / 2);
  position: absolute;
  top: 20%;
  right: clamp(3%, 9vw, 14%);
  width: var(--cube-size);
  height: var(--cube-size);
  opacity: .24;
  transform: rotateX(-19deg) rotateY(30deg) rotateZ(-8deg);
  transform-style: preserve-3d;
  filter: drop-shadow(-12px 26px 28px rgba(1, 13, 23, .24));
  animation: len-hero-cube 10.2s cubic-bezier(.45, 0, .55, 1) 1.12s infinite alternate;
}
.hero__glass-cube-face {
  position: absolute;
  inset: 0;
  display: block;
  border: 1px solid rgba(231, 249, 255, .64);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .26),
      rgba(160, 217, 243, .09) 46%,
      rgba(54, 117, 158, .17));
  box-shadow: inset 0 0 20px rgba(255, 255, 255, .11);
  -webkit-backdrop-filter: blur(4px) saturate(.9);
  backdrop-filter: blur(4px) saturate(.9);
}
.hero__glass-cube-face--front {
  transform: translateZ(var(--cube-half));
}
.hero__glass-cube-face--right {
  opacity: .66;
  transform: rotateY(90deg) translateZ(var(--cube-half));
}
.hero__glass-cube-face--top {
  opacity: .54;
  transform: rotateX(90deg) translateZ(var(--cube-half));
}
@keyframes len-hero-orb {
  from {
    transform: translate3d(-10px, 15px, 0) scale(.9);
    opacity: .27;
  }
  to {
    transform: translate3d(21px, -22px, 54px) scale(1.08);
    opacity: .43;
  }
}
@keyframes len-hero-cube {
  from {
    transform: translate3d(16px, 14px, -50px) rotateX(-19deg) rotateY(30deg) rotateZ(-8deg) scale(.88);
  }
  to {
    transform: translate3d(-17px, -21px, 54px) rotateX(12deg) rotateY(68deg) rotateZ(8deg) scale(1.04);
  }
}
.hero__statement {
  --statement-x: 0px;
  --statement-y: 0px;
  position: relative;
  z-index: 1;
  width: fit-content;
  max-width: 100%;
  cursor: default;
  transform: translate3d(var(--statement-x), var(--statement-y), 0) rotateX(0deg);
  transform-origin: left bottom;
  transition: transform .66s var(--len-ease-float), filter .5s ease;
  will-change: transform;
}
.hero__statement::after {
  content: "";
  position: absolute;
  right: 2%;
  bottom: -.19em;
  left: 0;
  height: 1px;
  opacity: .46;
  background:
    linear-gradient(
      90deg,
      rgba(245, 252, 255, .94),
      rgba(154, 209, 240, .43) 56%,
      transparent);
  transform: scaleX(0);
  transform-origin: left;
}
html.intro-reveal .hero__statement::after {
  animation: len-statement-rule 1.1s var(--len-ease-float) .66s both;
}
@media (hover: hover) and (pointer: fine) {
  .hero__statement:hover,
  .hero__statement.is-energized {
    filter: drop-shadow(0 18px 30px rgba(0, 7, 16, .2));
  }
  .hero__statement:hover span:first-child,
  .hero__statement.is-energized span:first-child {
    transform: translate3d(-5px, -12px, 0) scale(1.035) !important;
    text-shadow: 0 0 24px rgba(224, 246, 255, .28), 0 16px 40px rgba(0, 7, 16, .28);
  }
  .hero__statement:hover span:last-child,
  .hero__statement.is-energized span:last-child {
    transform: translate3d(16px, -24px, 0) scale(1.06) !important;
    text-shadow: 0 0 30px rgba(216, 244, 255, .32), 0 19px 46px rgba(0, 7, 16, .3);
  }
  .hero__statement:hover::after,
  .hero__statement.is-energized::after {
    opacity: .86;
    transform: scaleX(1.08);
    transition: transform .66s var(--len-ease-spring), opacity .4s ease;
  }
}
.hero__statement.is-touch-lift span:first-child {
  transform: translate3d(-2px, -7px, 0) scale(1.02) !important;
}
.hero__statement.is-touch-lift span:last-child {
  transform: translate3d(9px, -15px, 0) scale(1.038) !important;
}
.hero__statement.is-touch-lift::after {
  opacity: .82;
  transform: scaleX(1);
  transition: transform .52s var(--len-ease-spring), opacity .3s ease;
}
@keyframes len-statement-rule {
  from {
    opacity: 0;
    transform: scaleX(0);
  }
  to {
    opacity: .46;
    transform: scaleX(1);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .about.about-rise-managed .about__visual,
  .about.about-rise-managed .about__copy {
    opacity: 0 !important;
    filter: blur(7px);
    transform: translate3d(0, 19vh, -170px) rotateX(8deg) scale(.93) !important;
    transform-origin: center bottom;
    transition:
      opacity .76s ease,
      filter .84s ease,
      transform 1.3s var(--len-ease-float) !important;
    will-change:
      opacity,
      filter,
      transform;
  }
  .about.about-rise-managed .about__copy {
    transition-delay: .12s !important;
  }
  .about.about-rise-managed.is-about-risen .about__visual,
  .about.about-rise-managed.is-about-risen .about__copy {
    opacity: 1 !important;
    filter: none;
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) !important;
  }
}
.works-exhibit__scroll {
  height: clamp(3720px, 670vh, 6900px);
}
.works-exhibit__sticky {
  background:
    radial-gradient(
      ellipse at var(--exhibit-light-x, 62%) var(--exhibit-light-y, 57%),
      rgba(176, 217, 240, .17),
      transparent 31%),
    linear-gradient(
      148deg,
      #fbfdff 0%,
      #edf4f8 54%,
      #d7e6f0 100%);
}
.works-exhibit__light-pool {
  position: absolute;
  top: var(--exhibit-light-y, 62%);
  left: var(--exhibit-light-x, 62%);
  z-index: 0;
  width: clamp(230px, 34vw, 560px);
  height: clamp(122px, 18vw, 286px);
  border-radius: 50%;
  opacity: var(--exhibit-light-opacity, .16);
  pointer-events: none;
  background:
    radial-gradient(
      ellipse at 46% 40%,
      rgba(255, 255, 255, .82) 0 8%,
      rgba(196, 231, 249, .26) 33%,
      rgba(104, 174, 215, .1) 55%,
      transparent 75%);
  mix-blend-mode: screen;
  filter: blur(clamp(15px, 2.2vw, 34px));
  transform: translate(-50%, -50%) rotate(var(--exhibit-light-rotation, -18deg)) scale(var(--exhibit-light-scale, 1));
  transition:
    top .28s ease-out,
    left .28s ease-out,
    opacity .28s ease-out,
    transform .28s ease-out;
  will-change: opacity, transform;
}
.works-exhibit__polyhedron {
  opacity: var(--exhibit-poly-opacity, .16);
}
.works-exhibit__orb {
  opacity: .72;
  box-shadow:
    -18px 23px 36px rgba(34, 88, 122, .17),
    inset 10px 12px 21px rgba(255, 255, 255, .56),
    inset -15px -17px 29px rgba(70, 137, 183, .14),
    0 0 52px rgba(174, 221, 245, .38);
}
.works-exhibit__orb::before {
  inset: 7%;
  opacity: .96;
}
.works-exhibit__orb::after {
  inset: -76%;
  background:
    radial-gradient(
      circle,
      rgba(217, 242, 255, .46),
      rgba(151, 207, 239, .12) 39%,
      transparent 67%);
  filter: blur(14px);
  opacity: .75;
}
.works-exhibit__orb-shadow {
  background:
    radial-gradient(
      ellipse,
      rgba(15, 59, 89, .42),
      rgba(37, 93, 126, .13) 48%,
      transparent 74%);
  filter: blur(11px);
}
.works-exhibit__hud {
  z-index: 5;
  max-width: min(370px, 36vw);
  padding: 5px 10px 10px 0;
  pointer-events: auto;
  cursor: default;
  transform: translate3d(0, 0, 0);
  transform-origin: left bottom;
  transition: transform .58s var(--len-ease-float), filter .48s ease;
  will-change: transform;
}
.works-exhibit__hud::before {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 12px;
  left: -12px;
  width: 1px;
  opacity: .54;
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(73, 143, 188, .7) 18%,
      rgba(73, 143, 188, .22) 81%,
      transparent);
}
.works-exhibit__hud strong {
  font-size: clamp(29px, 3.05vw, 48px);
  line-height: .98;
  letter-spacing: -.075em;
  text-wrap: balance;
}
.works-exhibit__hud p {
  max-width: 33ch;
  margin-top: 13px;
  font-size: clamp(13px, 1.06vw, 16px);
  line-height: 1.98;
}
.works-exhibit__hud em {
  opacity: .72;
}
@media (hover: hover) and (pointer: fine) {
  .works-exhibit__hud:hover,
  .works-exhibit__hud.is-copy-lifted {
    transform: translate3d(0, -14px, 38px) rotateX(-1deg);
    filter: drop-shadow(0 22px 19px rgba(20, 72, 105, .12));
  }
  .works-exhibit__hud:hover strong,
  .works-exhibit__hud.is-copy-lifted strong {
    color: #062941;
    text-shadow: 0 16px 26px rgba(73, 139, 182, .16);
  }
}
.works-exhibit__hud.is-touch-lift {
  transform: translate3d(0, -9px, 24px);
  filter: drop-shadow(0 17px 16px rgba(20, 72, 105, .1));
}
.works-exhibit__hud.is-story-changing strong,
.works-exhibit__hud.is-story-changing p,
.works-exhibit__hud.is-story-changing b {
  animation: len-exhibit-copy-arrive .86s var(--len-ease-spring) both;
}
@keyframes len-exhibit-copy-arrive {
  0% {
    opacity: 0;
    filter: blur(7px);
    transform: translate3d(-56px, 34px, -80px) rotateY(13deg) rotateZ(1.5deg) scale(.91);
  }
  65% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(5px, -3px, 8px) rotateY(-1deg) rotateZ(-.2deg) scale(1.012);
  }
  100% {
    opacity: 1;
    filter: none;
    transform: translate3d(0, 0, 0) rotateY(0) rotateZ(0) scale(1);
  }
}
.works-exhibit .work-card {
  transform-origin: 50% 60%;
}
.works-exhibit .work-card[data-exhibit-active] figcaption {
  animation: len-card-caption-in .72s var(--len-ease-float) both;
}
@keyframes len-card-caption-in {
  from {
    opacity: 0;
    filter: blur(4px);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    filter: none;
    transform: translate3d(0, 0, 0);
  }
}
@media (hover: hover) and (pointer: fine) {
  .site-nav {
    gap: 0;
    padding: 2px 0;
    border-radius: 999px;
    transition:
      gap .52s var(--len-ease-float),
      padding .52s var(--len-ease-float),
      background-color .34s ease,
      box-shadow .34s ease;
  }
  .site-nav:hover {
    gap: 2px;
    padding: 2px 6px;
    background: rgba(196, 223, 241, .1);
    box-shadow: 0 0 0 1px rgba(218, 239, 251, .12) inset;
  }
  .site-nav:hover a {
    gap: .42em;
    padding-inline: 12px;
  }
  .site-nav:hover .site-nav__cn {
    max-width: 5em;
    margin-left: .02em;
    opacity: .84;
    transform: translate3d(0, 0, 0);
  }
}
@media (max-width: 900px) {
  .hero__object-layer {
    opacity: .82;
    transform: scale(.9);
    transform-origin: 75% 36%;
  }
  .hero__soft-orb {
    right: 13%;
  }
  .hero__glass-cube {
    right: -1%;
  }
  .hero__glass-cube-face {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .about.about-rise-managed .about__visual,
  .about.about-rise-managed .about__copy {
    transform: translate3d(0, 12vh, -80px) rotateX(5deg) scale(.96) !important;
  }
  .works-exhibit__scroll {
    height: 650vh;
  }
  .works-exhibit__hud {
    max-width: min(290px, 66vw);
  }
  .works-exhibit__light-pool {
    width: min(70vw, 430px);
  }
}
@media (max-width: 560px) {
  .hero__statement {
    max-width: 92vw;
  }
  .hero__statement::after {
    bottom: -.25em;
  }
  .hero__soft-orb {
    top: 27%;
    right: 11%;
    width: 50px;
    opacity: .29;
  }
  .hero__glass-cube {
    top: 15%;
    right: -8%;
    opacity: .17;
  }
  .works-exhibit__scroll {
    height: 630vh;
  }
  .works-exhibit__sticky::before {
    inset: 9% 5%;
  }
  .works-exhibit__hud {
    top: max(72px, calc(env(safe-area-inset-top) + 61px));
    left: 24px;
    max-width: min(78vw, 292px);
  }
  .works-exhibit__hud strong {
    font-size: clamp(29px, 9.2vw, 38px);
  }
  .works-exhibit__hud p {
    max-width: 31ch;
    font-size: 13px;
    line-height: 1.87;
  }
  .works-exhibit__hud em {
    display: none;
  }
  .works-exhibit__light-pool {
    width: 76vw;
    height: 38vw;
  }
  .works-exhibit__polyhedron {
    opacity: .07;
  }
  .works-exhibit__orb {
    opacity: .57;
  }
  .works-exhibit .work-card {
    top: 57%;
    left: 54%;
    width: min(70vw, 360px);
  }
  .works-exhibit .work-card figcaption {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .intro__blur,
  .hero__object-layer,
  .works-exhibit__light-pool {
    display: none !important;
  }
  .about.about-rise-managed .about__visual,
  .about.about-rise-managed .about__copy {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}

/* source-site/assets/experience-v4.css */
:root {
  --len-ease-out: cubic-bezier(.22, 1, .36, 1);
  --len-ease-inout: cubic-bezier(.65, 0, .35, 1);
  --len-ease-paper: cubic-bezier(.2, .76, .18, 1);
  --len-ink-blue: #071521;
  --len-deep-blue: #0a2032;
  --len-mist-blue: #b9d7e8;
  --len-silver: #dce8ee;
}
.intro__progress {
  right: auto !important;
  bottom: clamp(42px, 9vh, 96px) !important;
  left: 50% !important;
  width: min(620px, 76vw) !important;
  transform: translateX(-50%);
}
.intro__progress-meta {
  align-items: flex-end;
  margin-bottom: 15px !important;
  font-size: clamp(9px, .72vw, 12px) !important;
  letter-spacing: .28em !important;
}
.intro__progress-meta b {
  font:
    300 clamp(38px, 5.5vw, 78px)/.78 Arial,
    Helvetica,
    sans-serif !important;
  letter-spacing: -.07em !important;
}
.intro__progress-track {
  height: 4px !important;
  background: rgba(24, 62, 97, .2) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .22), 0 8px 26px rgba(45, 113, 164, .12);
}
.intro__progress-track i {
  box-shadow: 0 0 18px rgba(76, 158, 209, .42);
}
.hero {
  --len-hero-image-x: 0px;
  --len-hero-image-y: 0px;
  --len-hero-image-scale: 1.085;
  --len-hero-bg-x: 0px;
  --len-hero-bg-y: 0px;
  --len-hero-mid-x: 0px;
  --len-hero-mid-y: 0px;
  --len-hero-copy-x: 0px;
  --len-hero-copy-y: 0px;
}
.hero .hero__media.has-photo > img,
.hero .hero__media.has-photo:hover > img,
.hero .hero__media.has-photo:focus-visible > img {
  transform: translate3d(var(--len-hero-image-x), var(--len-hero-image-y), 0) scale(var(--len-hero-image-scale)) !important;
  transform-origin: 50% 48%;
  transition: none !important;
  will-change: transform;
}
.hero__shade {
  transform: translate3d(var(--len-hero-bg-x), var(--len-hero-bg-y), 0) scale(1.035);
  will-change: transform;
}
.hero__object-layer {
  transform: translate3d(var(--len-hero-mid-x), var(--len-hero-mid-y), 0);
  will-change: transform, opacity;
}
.hero__copy {
  transform: translate3d(var(--len-hero-copy-x), var(--len-hero-copy-y), 0);
  will-change: transform;
}
.hero__statement .wave-letter {
  display: inline-block !important;
  transform: translate3d(0, var(--wave-y, 0px), 0) rotateZ(var(--wave-r, 0deg)) scaleY(var(--wave-sy, 1));
  transform-origin: 50% 72%;
  will-change: transform;
}
html.len-wave-active .hero__statement:hover > span,
html.len-wave-active .hero__statement.is-energized > span,
html.len-wave-active .hero__statement.is-touch-lift > span {
  transform: translate3d(0, 0, 0) !important;
}
html[data-quality=high] .hero__statement .wave-letter {
  text-shadow: 0 0 calc(abs(var(--wave-y, 0px)) * .5) rgba(213, 242, 255, .2);
}
html.about-story-lock,
html.about-story-lock body {
  overflow: hidden !important;
  overscroll-behavior: none;
}
.about-envelope-experience[hidden] {
  display: none !important;
}
.about-envelope-experience {
  --paper-w: clamp(248px, 32vw, 490px);
  --paper-h: calc(var(--paper-w) * .62);
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #eaf3f7;
  background: rgba(2, 7, 12, 0);
  opacity: 0;
  perspective: 1800px;
  transition: opacity .42s ease, background 1s var(--len-ease-inout);
  isolation: isolate;
}
.about-envelope-experience::before {
  content: "";
  position: absolute;
  inset: -12%;
  z-index: -2;
  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(34, 76, 102, .18),
      transparent 30%),
    radial-gradient(
      circle at 20% 18%,
      rgba(27, 73, 108, .11),
      transparent 36%),
    linear-gradient(
      150deg,
      #02060a,
      #040c13 48%,
      #010407);
  transform: scale(1.05);
  transition:
    filter .8s ease,
    opacity 1.8s var(--len-ease-inout),
    transform 1.8s var(--len-ease-inout);
}
.about-envelope-experience::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .5;
  background:
    linear-gradient(
      112deg,
      transparent 43%,
      rgba(199, 231, 245, .07) 49.8%,
      transparent 56%),
    radial-gradient(
      circle at 50% 58%,
      rgba(98, 157, 190, .1),
      transparent 36%);
  mix-blend-mode: screen;
  transform: translateX(-28%);
  animation: len-envelope-light 12s ease-in-out infinite alternate;
}
.about-envelope-experience.is-active {
  opacity: 1;
  background: rgba(1, 5, 9, .96);
}
.about-envelope-stage {
  position: relative;
  width: min(86vw, 760px);
  height: min(70vh, 620px);
  transform-style: preserve-3d;
}
.about-envelope-shadow {
  position: absolute;
  top: calc(50% + var(--paper-h) * .31);
  left: 50%;
  width: calc(var(--paper-w) * .92);
  height: clamp(24px, 4vw, 58px);
  border-radius: 50%;
  opacity: 0;
  background:
    radial-gradient(
      ellipse,
      rgba(0, 0, 0, .72),
      rgba(1, 8, 14, .24) 52%,
      transparent 74%);
  filter: blur(15px);
  transform: translate3d(-50%, 30px, -70px) scale(.25);
  transition: opacity 1s ease, transform 1.45s var(--len-ease-out);
}
.len-envelope {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--paper-w);
  height: var(--paper-h);
  opacity: 0;
  filter: blur(14px) contrast(.85);
  transform: translate3d(-50%, -48%, -1200px) rotateX(10deg) rotateY(-13deg) rotateZ(-4deg) scale(.18);
  transform-style: preserve-3d;
  transition:
    opacity .45s ease,
    filter 1.1s ease,
    transform 1.45s var(--len-ease-out);
  will-change:
    transform,
    opacity,
    filter;
}
.about-envelope-experience.is-approaching .len-envelope {
  opacity: 1;
  filter: blur(0) contrast(1);
  transform: translate3d(-50%, -48%, 0) rotateX(0deg) rotateY(0deg) rotateZ(-.45deg) scale(1);
}
.about-envelope-experience.is-approaching .about-envelope-shadow {
  opacity: .72;
  transform: translate3d(-50%, 0, -70px) scale(1);
}
.len-envelope__back,
.len-envelope__pocket,
.len-envelope__flap {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(231, 242, 247, .34);
  backface-visibility: hidden;
}
.len-envelope__back {
  z-index: 1;
  border-radius: 3px;
  background:
    linear-gradient(
      145deg,
      rgba(246, 249, 250, .92),
      rgba(188, 204, 213, .84) 48%,
      rgba(113, 137, 151, .88)),
    repeating-linear-gradient(
      95deg,
      rgba(255, 255, 255, .05) 0 1px,
      transparent 1px 4px);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .35),
    inset 0 -18px 42px rgba(33, 61, 77, .18),
    0 34px 90px rgba(0, 0, 0, .34);
}
.len-envelope__back::after {
  content: "LEN \b7  PRIVATE INTRODUCTION";
  position: absolute;
  right: 7%;
  bottom: 8%;
  color: rgba(31, 58, 74, .58);
  font: 600 clamp(6px, .55vw, 9px)/1 Arial, sans-serif;
  letter-spacing: .24em;
}
.len-envelope__letter {
  position: absolute;
  top: 6%;
  left: 6%;
  z-index: 2;
  display: grid;
  align-content: start;
  width: 88%;
  height: 88%;
  padding: 9% 9%;
  overflow: hidden;
  color: #173044;
  border: 1px solid rgba(255, 255, 255, .78);
  background:
    linear-gradient(
      110deg,
      rgba(255, 255, 255, .96),
      rgba(225, 235, 239, .92) 55%,
      rgba(192, 210, 219, .9)),
    repeating-linear-gradient(
      0deg,
      transparent 0 5px,
      rgba(34, 77, 103, .025) 5px 6px);
  box-shadow: 0 12px 36px rgba(2, 11, 17, .24), inset 0 0 26px rgba(93, 142, 168, .08);
  transform: translate3d(0, 12%, 4px) rotateZ(.15deg);
  transform-origin: 50% 100%;
  will-change:
    transform,
    filter,
    opacity;
}
.len-envelope__letter::before {
  content: "ABOUT THE PHOTOGRAPHER";
  color: rgba(30, 70, 94, .6);
  font: 600 clamp(6px, .58vw, 9px)/1.4 Arial, sans-serif;
  letter-spacing: .28em;
}
.len-envelope__letter strong {
  margin-top: 10%;
  font:
    400 clamp(28px, 4vw, 58px)/.92 Georgia,
    "Songti SC",
    serif;
  letter-spacing: -.07em;
}
.len-envelope__letter span {
  display: block;
  width: 44%;
  height: 1px;
  margin-top: 10%;
  background: rgba(30, 77, 105, .3);
}
.len-envelope__letter small {
  margin-top: 7%;
  color: rgba(24, 57, 78, .58);
  font: 500 clamp(6px, .62vw, 10px)/1.7 Arial, sans-serif;
  letter-spacing: .19em;
}
.len-envelope__pocket {
  z-index: 4;
  border: 0;
  clip-path: polygon(0 0, 50% 55%, 100% 0, 100% 100%, 0 100%);
  background:
    linear-gradient(
      145deg,
      rgba(225, 234, 238, .96),
      rgba(154, 176, 188, .94) 65%,
      rgba(112, 139, 154, .97));
  box-shadow: inset 0 1px rgba(255, 255, 255, .5);
}
.len-envelope__pocket::before,
.len-envelope__pocket::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.len-envelope__pocket::before {
  border-left: 1px solid rgba(255, 255, 255, .44);
  clip-path: polygon(0 0, 51% 55%, 49% 57%, 0 3%);
  background:
    linear-gradient(
      125deg,
      rgba(247, 250, 251, .78),
      rgba(170, 191, 202, .18));
}
.len-envelope__pocket::after {
  border-right: 1px solid rgba(55, 82, 98, .16);
  clip-path: polygon(100% 0, 51% 55%, 53% 58%, 100% 4%);
  background:
    linear-gradient(
      230deg,
      rgba(213, 226, 232, .72),
      rgba(119, 147, 163, .12));
}
.len-envelope__flap {
  z-index: 5;
  height: 58%;
  border: 0;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background:
    linear-gradient(
      168deg,
      rgba(246, 249, 250, .96),
      rgba(178, 196, 205, .96) 64%,
      rgba(110, 139, 154, .98));
  box-shadow: inset 0 1px rgba(255, 255, 255, .62), 0 5px 12px rgba(21, 46, 61, .12);
  transform-origin: 50% 0;
  transform: rotateX(0deg);
  will-change: transform;
}
.len-envelope__seal {
  position: absolute;
  top: 43%;
  left: 50%;
  z-index: 7;
  display: grid;
  place-items: center;
  width: clamp(29px, 3.2vw, 48px);
  aspect-ratio: 1;
  color: rgba(238, 247, 251, .8);
  border: 1px solid rgba(231, 244, 250, .43);
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 34% 28%,
      #6f9db7,
      #284d65 64%,
      #142d3e);
  box-shadow: 0 7px 16px rgba(2, 12, 18, .3), inset 0 0 0 3px rgba(255, 255, 255, .08);
  font: 500 clamp(8px, .85vw, 12px)/1 Georgia, serif;
  transform: translate(-50%, -50%);
  transition: opacity .28s ease, transform .52s var(--len-ease-out);
}
.about-envelope-open {
  position: absolute;
  top: calc(50% + var(--paper-h) * .46);
  left: 50%;
  z-index: 10;
  padding: 13px 1px 9px;
  color: rgba(232, 243, 248, .84);
  border: 0;
  border-bottom: 1px solid rgba(172, 210, 230, .42);
  background: transparent;
  font: 500 clamp(9px, .72vw, 12px)/1 Arial, sans-serif;
  letter-spacing: .32em;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, 18px, 55px);
  transition:
    color .32s ease,
    letter-spacing .42s var(--len-ease-out),
    opacity .52s ease,
    transform .72s var(--len-ease-out);
}
.about-envelope-open::before {
  content: "";
  position: absolute;
  inset: -7px -18px;
  opacity: 0;
  background:
    linear-gradient(
      100deg,
      transparent,
      rgba(208, 236, 249, .12),
      transparent);
  transform: translateX(-35%);
  transition: opacity .3s ease, transform .55s var(--len-ease-out);
}
.about-envelope-experience.is-awaiting-open .about-envelope-open {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(-50%, 0, 55px);
  animation: len-open-breathe 3.6s ease-in-out infinite;
}
.about-envelope-open:hover,
.about-envelope-open:focus-visible {
  color: #fff;
  letter-spacing: .42em;
  outline: none;
}
.about-envelope-open:hover::before,
.about-envelope-open:focus-visible::before {
  opacity: 1;
  transform: translateX(35%);
}
.about-envelope-experience.is-opening .about-envelope-open {
  opacity: 0;
  pointer-events: none;
}
.about-envelope-experience.is-opening .len-envelope__seal {
  opacity: 0;
  transform: translate(-50%, -50%) scale(.65);
}
.about-envelope-experience.is-opening .len-envelope__flap {
  animation: len-flap-open .82s cubic-bezier(.3, .04, .16, 1) forwards;
}
.about-envelope-experience.is-opening .len-envelope__letter {
  animation: len-letter-extract 1.42s var(--len-ease-paper) .58s forwards;
}
.about-envelope-experience.is-paper-floating .len-envelope__letter {
  z-index: 9;
  animation: len-paper-fall 2.4s cubic-bezier(.28, .05, .52, 1) forwards;
}
.about-envelope-experience.is-paper-floating .len-envelope {
  animation: len-envelope-retreat 1.58s var(--len-ease-inout) .72s forwards;
}
.about-envelope-experience.is-paper-floating .about-envelope-shadow {
  opacity: 0;
  transform: translate3d(-50%, 18px, -70px) scale(.64);
  transition-duration: 1.2s;
}
.about-envelope-experience.is-restoring-light {
  background: rgba(1, 5, 9, 0);
  transition-duration: 2.2s;
}
.about-envelope-experience.is-restoring-light::before {
  opacity: 0;
  filter: brightness(1.6) saturate(.7);
  transform: scale(1.12);
}
.about-envelope-experience.is-completing {
  opacity: 0;
  pointer-events: none;
  transition-duration: 1.25s;
}
.about.is-about-story-awaiting .about__visual,
.about.is-about-story-awaiting .about__copy {
  opacity: 0 !important;
  filter: blur(8px) saturate(.75) !important;
  clip-path: inset(100% 0 0 0);
  transform: translate3d(0, 22px, -80px) scale(.98) !important;
}
.about.is-about-liquid-reveal .about__visual,
.about.is-about-liquid-reveal .about__copy {
  animation: len-liquid-reveal 1.35s var(--len-ease-out) both !important;
}
.about.is-about-liquid-reveal .about__copy {
  animation-delay: .12s !important;
}
html[data-quality=high] .about.is-about-liquid-reveal .about__visual,
html[data-quality=high] .about.is-about-liquid-reveal .about__copy {
  filter: url(#len-liquid-filter) blur(1px);
}
.about.is-about-quick-reveal .about__visual,
.about.is-about-quick-reveal .about__copy {
  animation: len-quick-water .84s var(--len-ease-out) both !important;
}
@media (min-width: 901px) {
  .works-exhibit__hud {
    top: 50% !important;
    left: clamp(48px, 7.5vw, 144px) !important;
    gap: 10px !important;
    width: min(36vw, 560px) !important;
    max-width: none !important;
    color: rgba(22, 61, 90, .7) !important;
    transform: translateY(-50%);
  }
  .works-exhibit__hud > span {
    margin-bottom: 18px;
    font-size: 9px;
    letter-spacing: .3em;
  }
  .works-exhibit__hud b {
    order: 4;
    margin-top: 18px;
    color: rgba(34, 81, 111, .7) !important;
    font-size: 12px !important;
    letter-spacing: .18em;
  }
  .works-exhibit__hud strong {
    font-size: clamp(42px, 4.5vw, 76px) !important;
    line-height: .96 !important;
    letter-spacing: -.07em !important;
  }
  .works-exhibit__hud p {
    max-width: 36ch !important;
    margin-top: 16px !important;
    font-size: clamp(14px, 1.08vw, 17px) !important;
    line-height: 2 !important;
  }
  .works-exhibit__hud em {
    order: 5;
    margin-top: 3px !important;
  }
  .works-exhibit .work-card {
    width: min(36vw, 548px) !important;
    min-width: 360px !important;
  }
  .works-exhibit .work-card .media {
    box-shadow: 0 34px 94px rgba(22, 63, 94, .22) !important;
  }
}
.len-ambient-section {
  isolation: isolate;
}
.len-ambient-layer {
  position: absolute;
  inset: -8%;
  z-index: -1;
  display: block;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(
      circle at 22% 34%,
      rgba(91, 160, 198, .1),
      transparent 32%);
  transform: translate3d(-3px, 2px, 0) scale(1.01);
  transition: opacity 1.2s ease;
  animation: len-ambient-drift 26s ease-in-out infinite alternate;
  animation-play-state: paused;
}
.len-ambient-active > .len-ambient-layer {
  opacity: .78;
  animation-play-state: running;
}
.len-ambient-section--2 > .len-ambient-layer {
  background:
    radial-gradient(
      circle at 78% 23%,
      rgba(93, 166, 204, .11),
      transparent 33%);
  animation-duration: 31s;
}
.len-ambient-section--3 > .len-ambient-layer {
  opacity: .5;
  background:
    linear-gradient(
      118deg,
      transparent 42%,
      rgba(116, 183, 217, .055) 49%,
      transparent 57%);
  animation-duration: 22s;
}
.len-ambient-section--4 > .len-ambient-layer,
.len-ambient-section--5 > .len-ambient-layer {
  background:
    radial-gradient(
      circle at 18% 72%,
      rgba(69, 139, 180, .08),
      transparent 30%),
    radial-gradient(
      circle at 81% 18%,
      rgba(183, 220, 238, .13),
      transparent 26%);
  animation-duration: 34s;
}
.len-ambient-section--6 > .len-ambient-layer,
.len-ambient-section--7 > .len-ambient-layer {
  background:
    radial-gradient(
      circle at 64% 52%,
      rgba(96, 171, 211, .13),
      transparent 34%);
  animation-duration: 28s;
}
.len-ambient-active .about__portrait img {
  animation: len-image-breathe 19s ease-in-out infinite alternate;
}
.len-ambient-active .manifesto__inner {
  animation: len-copy-drift 14s ease-in-out infinite alternate;
}
.len-motes {
  position: absolute;
  inset: 0;
  z-index: 4;
  overflow: hidden;
  pointer-events: none;
}
.len-motes i {
  position: absolute;
  top: var(--mote-y);
  left: var(--mote-x);
  width: 2px;
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: .18;
  background: rgba(227, 246, 255, .9);
  box-shadow: 0 0 8px rgba(194, 231, 248, .55);
  animation: len-mote-float var(--mote-duration) ease-in-out var(--mote-delay) infinite alternate;
}
#booking [data-reveal=""].reveal-pending {
  transform-origin: left center;
}
#services [data-reveal=""].reveal-pending {
  transform-origin: center bottom;
}
#contact [data-reveal=""].reveal-pending {
  transform-origin: right center;
}
html[data-quality=low] .hero__glass-cube,
html[data-quality=low] .works-exhibit__polyhedron,
html[data-quality=low] .len-motes {
  display: none !important;
}
html[data-quality=low] .len-ambient-layer {
  filter: none !important;
  animation-duration: 38s;
}
html[data-quality=low] .about-envelope-experience::after {
  display: none;
}
html[data-quality=low] .len-envelope,
html[data-quality=low] .len-envelope__letter {
  filter: none;
}
html[data-quality=low] .about-envelope-shadow {
  filter: blur(7px);
}
@keyframes len-envelope-light {
  from {
    opacity: .24;
    transform: translateX(-34%) rotate(-1deg);
  }
  to {
    opacity: .62;
    transform: translateX(28%) rotate(1deg);
  }
}
@keyframes len-open-breathe {
  0%, 100% {
    opacity: .66;
  }
  50% {
    opacity: 1;
  }
}
@keyframes len-flap-open {
  0% {
    transform: rotateX(0deg);
    filter: brightness(1);
  }
  58% {
    transform: rotateX(148deg);
    filter: brightness(.9);
  }
  82% {
    transform: rotateX(174deg);
    filter: brightness(.82);
  }
  100% {
    z-index: 0;
    transform: rotateX(168deg);
    filter: brightness(.86);
  }
}
@keyframes len-letter-extract {
  0% {
    z-index: 2;
    transform: translate3d(0, 12%, 4px) rotateZ(.15deg) rotateX(0deg);
  }
  22% {
    z-index: 3;
    transform: translate3d(-.8%, -7%, 18px) rotateZ(-.35deg) rotateX(-.5deg);
  }
  48% {
    z-index: 3;
    transform: translate3d(1.2%, -34%, 24px) rotateZ(.55deg) rotateX(.8deg);
  }
  73% {
    z-index: 6;
    transform: translate3d(-.7%, -66%, 34px) rotateZ(-.48deg) rotateX(-1deg);
  }
  100% {
    z-index: 6;
    transform: translate3d(.4%, -92%, 48px) rotateZ(.28deg) rotateX(.3deg);
  }
}
@keyframes len-paper-fall {
  0% {
    opacity: 1;
    transform: translate3d(.4%, -92%, 48px) rotateX(.3deg) rotateY(0deg) rotateZ(.28deg);
  }
  16% {
    transform: translate3d(-5%, -88%, 86px) rotateX(-4deg) rotateY(2deg) rotateZ(-2.4deg);
  }
  39% {
    transform: translate3d(4%, -48%, 58px) rotateX(5deg) rotateY(-2.2deg) rotateZ(3.3deg);
  }
  64% {
    opacity: .94;
    transform: translate3d(-7%, 12%, 28px) rotateX(-6deg) rotateY(2.5deg) rotateZ(-4deg);
  }
  83% {
    opacity: .76;
    transform: translate3d(5%, 76%, -20px) rotateX(7deg) rotateY(-2deg) rotateZ(4.8deg);
  }
  100% {
    opacity: 0;
    transform: translate3d(-2%, 158%, -120px) rotateX(-8deg) rotateY(1.4deg) rotateZ(-3.5deg);
  }
}
@keyframes len-envelope-retreat {
  0% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(-50%, -48%, 0) rotateX(0) rotateY(0) scale(1);
  }
  100% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(-50%, -51%, -880px) rotateX(-7deg) rotateY(9deg) scale(.28);
  }
}
@keyframes len-liquid-reveal {
  0% {
    opacity: 0;
    clip-path: inset(100% 0 0 0 round 1%);
    filter: blur(9px) saturate(.72);
    transform: translate3d(0, 28px, -100px) scale(.975);
  }
  38% {
    opacity: .72;
    clip-path: inset(47% 0 0 0 round 2%);
    filter: blur(4px) saturate(.84);
    transform: translate3d(0, 12px, -35px) scale(.988);
  }
  72% {
    opacity: 1;
    clip-path: inset(8% 0 0 0 round 1%);
    filter: blur(1.2px) saturate(.96);
    transform: translate3d(0, 2px, -4px) scale(.998);
  }
  100% {
    opacity: 1;
    clip-path: inset(0);
    filter: none;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes len-quick-water {
  0% {
    opacity: .5;
    filter: blur(4px);
    transform: translate3d(0, 12px, -44px) scale(.99);
    clip-path: inset(35% 0 0);
  }
  100% {
    opacity: 1;
    filter: none;
    transform: translate3d(0, 0, 0) scale(1);
    clip-path: inset(0);
  }
}
@keyframes len-ambient-drift {
  from {
    transform: translate3d(-3px, 2px, 0) scale(1.01) rotate(-.2deg);
  }
  to {
    transform: translate3d(3px, -2px, 0) scale(1.018) rotate(.2deg);
  }
}
@keyframes len-image-breathe {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.012) translate3d(1px, -2px, 0);
  }
}
@keyframes len-copy-drift {
  from {
    transform: translate3d(0, 1px, 0);
  }
  to {
    transform: translate3d(0, -2px, 0);
  }
}
@keyframes len-mote-float {
  from {
    opacity: .08;
    transform: translate3d(-2px, 5px, 0) scale(.8);
  }
  to {
    opacity: .28;
    transform: translate3d(3px, -5px, 0) scale(1.1);
  }
}
@media (max-width: 900px) {
  .intro__progress {
    width: min(620px, 82vw) !important;
  }
  .intro__progress-meta b {
    font-size: clamp(34px, 12vw, 58px) !important;
  }
  .hero .hero__media.has-photo > img,
  .hero .hero__media.has-photo:hover > img,
  .hero .hero__media.has-photo:focus-visible > img {
    --len-hero-image-scale: 1.055;
  }
  .about-envelope-experience {
    --paper-w: min(78vw, 390px);
  }
  .about-envelope-stage {
    width: 100vw;
    height: 76vh;
  }
  .about-envelope-open {
    top: calc(50% + var(--paper-h) * .56);
    min-height: 44px;
  }
  .works-exhibit__hud {
    display: grid !important;
    top: max(84px, calc(env(safe-area-inset-top) + 70px)) !important;
    left: 24px !important;
    max-width: min(74vw, 310px) !important;
  }
  .works-exhibit__hud strong {
    font-size: clamp(29px, 9.2vw, 40px) !important;
  }
  .works-exhibit__hud p {
    display: none;
  }
  .works-exhibit .work-card {
    width: min(66vw, 372px) !important;
    min-width: 0 !important;
  }
}
@media (max-width: 560px) {
  .intro__progress {
    bottom: max(36px, calc(env(safe-area-inset-bottom) + 28px)) !important;
  }
  .about-envelope-experience {
    --paper-w: min(82vw, 340px);
  }
  .len-envelope__letter {
    padding: 8%;
  }
  .len-envelope__back::after {
    letter-spacing: .16em;
  }
  .works-exhibit__hud {
    max-width: 66vw !important;
  }
  .works-exhibit__hud > span,
  .works-exhibit__hud em {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero .hero__media.has-photo > img {
    transition: opacity .3s ease !important;
    transform: scale(1.035) !important;
  }
  .hero__shade,
  .hero__object-layer,
  .hero__copy {
    transform: none !important;
  }
  .wave-letter {
    transform: none !important;
  }
  .len-motes,
  .len-ambient-layer {
    display: none !important;
  }
  .about-envelope-experience,
  .len-envelope,
  .about-envelope-shadow {
    transition-duration: .2s !important;
  }
  .about-envelope-experience.is-opening .len-envelope__flap {
    animation-duration: .24s;
  }
  .about-envelope-experience.is-opening .len-envelope__letter {
    animation-duration: .32s;
    animation-delay: .18s;
  }
  .about-envelope-experience.is-paper-floating .len-envelope__letter {
    animation-duration: .55s;
  }
  .about-envelope-experience.is-paper-floating .len-envelope {
    animation-duration: .45s;
    animation-delay: .08s;
  }
  .about.is-about-liquid-reveal .about__visual,
  .about.is-about-liquid-reveal .about__copy {
    animation-duration: .3s !important;
  }
}

/* source-site/assets/service-orbit-v5.css */
:root {
  --v5-ease-out: cubic-bezier(.16, 1, .3, 1);
  --v5-ease-spring: cubic-bezier(.17, .9, .28, 1.12);
  --v5-ease-inout: cubic-bezier(.65, 0, .35, 1);
  --v5-night: #06131d;
  --v5-night-soft: #0b2232;
  --v5-blue: #80bddc;
  --v5-mist: #d9edf7;
}
@media (min-width: 9999px) {
  .site-header {
    width: min(calc(100% - 40px), 1320px) !important;
  }
  .site-nav {
    gap: clamp(10px, 1.12vw, 21px) !important;
  }
  .site-nav a {
    font-size: clamp(8px, .64vw, 10px) !important;
  }
}
.mobile-nav a:nth-child(7) {
  transition-delay: .38s;
}
.about-envelope-experience {
  transition: opacity .3s ease, background .58s var(--v5-ease-inout) !important;
}
.about-envelope-experience::before {
  transition:
    filter .58s ease,
    opacity .72s var(--v5-ease-inout),
    transform .72s var(--v5-ease-inout) !important;
}
.about-envelope-stage {
  width: 100vw !important;
  height: 100svh !important;
}
.len-envelope {
  filter: blur(9px) contrast(.9) !important;
  transform: translate3d(-50%, -49%, -940px) rotateX(7deg) rotateY(-8deg) rotateZ(-2deg) scale(.31) !important;
  transition:
    opacity .24s ease,
    filter .72s ease,
    transform .88s var(--v5-ease-spring) !important;
}
.about-envelope-experience.is-approaching .len-envelope {
  filter: blur(0) contrast(1) !important;
  transform: translate3d(-50%, -49%, 0) rotateX(0) rotateY(0) rotateZ(-.25deg) scale(1) !important;
}
.about-envelope-shadow {
  transition: opacity .5s ease, transform .86s var(--v5-ease-out) !important;
}
.about-envelope-open {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 24 !important;
  display: grid !important;
  place-items: center;
  width: clamp(118px, 10vw, 152px);
  min-width: 118px;
  height: clamp(52px, 4.2vw, 62px);
  min-height: 52px !important;
  padding: 0 18px !important;
  overflow: hidden;
  color: #f5fbff !important;
  border: 1px solid rgba(223, 244, 255, .68) !important;
  border-radius: 999px;
  background:
    linear-gradient(
      145deg,
      rgba(72, 127, 160, .96),
      rgba(17, 52, 75, .98) 62%,
      rgba(6, 26, 41, .99)) !important;
  box-shadow:
    0 14px 44px rgba(0, 8, 14, .42),
    0 0 0 8px rgba(174, 222, 246, .075),
    inset 0 1px rgba(255, 255, 255, .42),
    inset 0 -10px 24px rgba(0, 13, 24, .25);
  font: 600 clamp(10px, .72vw, 12px)/1 Arial, sans-serif !important;
  letter-spacing: .2em !important;
  opacity: 0;
  pointer-events: none;
  touch-action: manipulation;
  transform: translate3d(-50%, -50%, 90px) scale(.78) !important;
  transition:
    opacity .28s ease,
    transform .46s var(--v5-ease-spring),
    box-shadow .32s ease,
    letter-spacing .32s var(--v5-ease-out) !important;
}
.about-envelope-open::before {
  inset: -30% !important;
  opacity: .38 !important;
  border-radius: inherit;
  background:
    linear-gradient(
      104deg,
      transparent 34%,
      rgba(255, 255, 255, .48) 49%,
      transparent 64%) !important;
  transform: translateX(-72%) !important;
  transition: transform .66s var(--v5-ease-out), opacity .28s ease !important;
}
.about-envelope-open::after {
  content: "";
  position: absolute;
  inset: 4px;
  z-index: -1;
  border: 1px solid rgba(234, 249, 255, .13);
  border-radius: inherit;
}
.about-envelope-experience.is-awaiting-open .about-envelope-open {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translate3d(-50%, -50%, 90px) scale(1) !important;
  animation: v5-open-pulse 2.1s ease-in-out infinite !important;
}
.about-envelope-experience.is-awaiting-open .len-envelope__seal {
  opacity: .22;
  transform: translate(-50%, -50%) scale(1.65);
}
.about-envelope-open:hover,
.about-envelope-open:focus-visible {
  letter-spacing: .29em !important;
  box-shadow:
    0 18px 54px rgba(0, 8, 14, .5),
    0 0 0 11px rgba(174, 222, 246, .12),
    0 0 36px rgba(153, 213, 243, .28),
    inset 0 1px rgba(255, 255, 255, .52) !important;
  outline: 2px solid rgba(210, 240, 255, .78) !important;
  outline-offset: 5px;
}
.about-envelope-open:hover::before,
.about-envelope-open:focus-visible::before {
  transform: translateX(72%) !important;
}
.about-envelope-open:active {
  transform: translate3d(-50%, -50%, 90px) scale(.95) !important;
}
.about-envelope-experience.is-opening .about-envelope-open {
  animation: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translate3d(-50%, -50%, 90px) scale(1.15) !important;
}
.about-envelope-experience.is-opening .len-envelope__flap {
  animation: v5-flap-open .46s cubic-bezier(.22, .72, .18, 1) forwards !important;
}
.about-envelope-experience.is-opening .len-envelope__letter {
  animation: v5-letter-lift .62s var(--v5-ease-out) .16s forwards !important;
}
.about-envelope-experience.is-closing-to-about .len-envelope {
  animation: v5-envelope-finish .58s var(--v5-ease-inout) forwards !important;
}
.about-envelope-experience.is-closing-to-about .about-envelope-shadow {
  opacity: 0 !important;
  transform: translate3d(-50%, 16px, -70px) scale(.62) !important;
}
.about-envelope-experience.is-closing-to-about::before {
  opacity: .2;
  filter: brightness(1.45) saturate(.72);
  transform: scale(1.08);
}
.about-envelope-experience.is-completing {
  opacity: 0 !important;
  background: rgba(1, 5, 9, 0) !important;
  pointer-events: none !important;
  transition-duration: .62s !important;
}
.about.is-about-up-reveal .about__visual,
.about.is-about-up-reveal .about__copy {
  animation: v5-about-rise 1.02s var(--v5-ease-out) both !important;
}
.about.is-about-up-reveal .about__copy {
  animation-delay: .1s !important;
}
@keyframes v5-open-pulse {
  0%, 100% {
    box-shadow:
      0 14px 44px rgba(0, 8, 14, .42),
      0 0 0 7px rgba(174, 222, 246, .07),
      inset 0 1px rgba(255, 255, 255, .42);
  }
  50% {
    box-shadow:
      0 18px 52px rgba(0, 8, 14, .5),
      0 0 0 12px rgba(174, 222, 246, .12),
      0 0 28px rgba(144, 208, 240, .2),
      inset 0 1px rgba(255, 255, 255, .5);
  }
}
@keyframes v5-flap-open {
  0% {
    transform: rotateX(0deg);
    filter: brightness(1);
  }
  72% {
    transform: rotateX(176deg);
    filter: brightness(.86);
  }
  100% {
    z-index: 0;
    transform: rotateX(168deg);
    filter: brightness(.89);
  }
}
@keyframes v5-letter-lift {
  0% {
    z-index: 2;
    transform: translate3d(0, 12%, 4px) rotateZ(.1deg);
  }
  56% {
    z-index: 6;
    transform: translate3d(-.5%, -44%, 32px) rotateZ(-.35deg);
  }
  100% {
    z-index: 7;
    transform: translate3d(.4%, -66%, 52px) rotateZ(.2deg) scale(1.015);
  }
}
@keyframes v5-envelope-finish {
  0% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(-50%, -49%, 0) rotateX(0) rotateY(0) scale(1);
  }
  42% {
    opacity: .9;
    transform: translate3d(-50%, -54%, 85px) rotateX(-2deg) rotateY(2deg) scale(1.035);
  }
  100% {
    opacity: 0;
    filter: blur(7px);
    transform: translate3d(-50%, -63%, -520px) rotateX(-7deg) rotateY(7deg) scale(.52);
  }
}
@keyframes v5-about-rise {
  0% {
    opacity: 0;
    filter: blur(7px);
    transform: translate3d(0, 58px, -60px) scale(.982);
  }
  54% {
    opacity: .86;
    filter: blur(2px);
    transform: translate3d(0, 16px, -12px) scale(.995);
  }
  100% {
    opacity: 1;
    filter: none;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.works-exhibit {
  overflow: clip;
  background:
    radial-gradient(
      circle at 61% 54%,
      rgba(145, 202, 229, .18),
      transparent 31%),
    linear-gradient(
      145deg,
      #f7fafa 0%,
      #eaf2f5 52%,
      #dfeaf0 100%) !important;
}
.works-exhibit__intro {
  position: relative;
  z-index: 3;
  margin-bottom: clamp(32px, 4vw, 60px) !important;
}
.works-exhibit__scroll {
  position: relative !important;
  height: max(760px, 112svh) !important;
  min-height: 760px;
  margin-right: min(-7vw, -24px) !important;
  margin-left: min(-7vw, -24px) !important;
  touch-action: pan-y pinch-zoom;
}
.works-exhibit__sticky {
  position: sticky !important;
  top: 0 !important;
  height: 100svh !important;
  min-height: 620px !important;
  overflow: hidden !important;
  cursor: grab;
  perspective: 1800px !important;
  user-select: none;
}
.works-exhibit__sticky.is-dragging {
  cursor: grabbing;
}
.works-exhibit__sticky::before {
  inset: 10% 3.5% !important;
  border-color: rgba(51, 111, 145, .11) !important;
  border-radius: 44% 56% 51% 49% / 54% 45% 55% 46% !important;
  transform: rotate(-2deg);
}
.works-exhibit__sticky::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      rgba(238, 246, 248, .92),
      transparent 15% 85%,
      rgba(229, 239, 243, .9)),
    linear-gradient(
      0deg,
      rgba(226, 237, 242, .72),
      transparent 20% 82%,
      rgba(244, 249, 250, .62));
}
.works-exhibit__scene {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden;
  transform-style: preserve-3d;
}
.works-exhibit__orbit {
  top: 55% !important;
  left: 58% !important;
  border: 1px solid rgba(44, 106, 143, .25) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .72) inset, 0 0 42px rgba(92, 166, 204, .09) !important;
  transform-style: preserve-3d;
}
.works-exhibit__orbit--outer {
  width: min(112vw, 1760px) !important;
  height: min(60vh, 580px) !important;
  transform: translate(-50%, -50%) rotateX(67deg) rotateZ(-2deg) !important;
  animation: v5-orbit-breathe 9s ease-in-out infinite alternate !important;
}
.works-exhibit__orbit--inner {
  width: min(88vw, 1340px) !important;
  height: min(45vh, 430px) !important;
  opacity: .54 !important;
  transform: translate(-50%, -50%) rotateX(66deg) rotateZ(4deg) !important;
  animation: v5-orbit-breathe-inner 11s ease-in-out infinite alternate !important;
}
.works-exhibit__axis {
  top: 55% !important;
  left: 58% !important;
  width: min(104vw, 1600px) !important;
  height: 1px !important;
  opacity: .24 !important;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(50, 119, 158, .72) 18%,
      rgba(255, 255, 255, .9) 50%,
      rgba(50, 119, 158, .72) 82%,
      transparent) !important;
  transform: translate(-50%, -50%) rotate(-1.5deg) !important;
}
.works-exhibit__polyhedron,
.works-exhibit__orb,
.works-exhibit__orb-shadow,
.works-exhibit__light-pool {
  opacity: .12 !important;
  pointer-events: none !important;
}
.works-exhibit .works-grid {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  transform-style: preserve-3d !important;
  perspective: 1800px !important;
}
.works-exhibit .work-card,
.works-exhibit .work-card:nth-child(n),
.spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
  --ring-x: 0px;
  --ring-y: 0px;
  --ring-z: 0px;
  --ring-scale: 1;
  --ring-opacity: 1;
  --ring-blur: 0px;
  --ring-ry: 0deg;
  --ring-rz: 0deg;
  position: absolute !important;
  top: 56% !important;
  left: 58% !important;
  display: block !important;
  width: clamp(224px, 22vw, 388px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  opacity: var(--ring-opacity) !important;
  filter: blur(var(--ring-blur)) saturate(var(--ring-saturate, 1)) !important;
  translate: none !important;
  transform: translate3d(calc(-50% + var(--ring-x)), calc(-50% + var(--ring-y)), var(--ring-z)) rotateY(var(--ring-ry)) rotateZ(var(--ring-rz)) scale(var(--ring-scale)) !important;
  transform-origin: 50% 50% !important;
  transform-style: preserve-3d;
  transition: box-shadow .42s ease !important;
  will-change:
    transform,
    opacity,
    filter;
}
.works-exhibit .work-card .media {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .62);
  border-radius: 2px;
  background: #d4e3e9;
  box-shadow: 0 28px 68px rgba(15, 50, 72, .18) !important;
  transform: translateZ(0);
}
.works-exhibit .work-card .media > img {
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover;
}
.works-exhibit .work-card[data-ring-end=true] .media {
  border-color: rgba(240, 251, 255, .95);
  box-shadow: 0 34px 84px rgba(14, 50, 73, .24), 0 0 0 5px rgba(143, 202, 232, .06) !important;
}
.works-exhibit .work-card[data-exhibit-active] .media {
  box-shadow: 0 40px 104px rgba(10, 42, 63, .3), 0 0 0 1px rgba(103, 178, 218, .32) !important;
}
.works-exhibit .work-card figcaption {
  display: flex !important;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding-top: 12px !important;
  opacity: var(--ring-opacity, .7) !important;
  transform: translateY(5px) !important;
}
.works-exhibit .work-card[data-exhibit-active] figcaption,
.works-exhibit .work-card[data-ring-end=true] figcaption {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.works-exhibit .work-card figcaption h3 {
  font-size: clamp(15px, 1.28vw, 21px) !important;
}
.works-exhibit .work-card figcaption p {
  font-size: 8px !important;
  letter-spacing: .14em;
}
.works-exhibit__hud {
  position: absolute !important;
  top: max(76px, 9vh) !important;
  left: clamp(26px, 6vw, 112px) !important;
  z-index: 8 !important;
  display: grid !important;
  gap: 7px !important;
  width: min(36vw, 500px) !important;
  max-width: none !important;
  padding: 17px 20px 18px !important;
  color: rgba(21, 60, 84, .72) !important;
  border: 1px solid rgba(73, 128, 158, .12);
  border-radius: 2px;
  background: rgba(246, 251, 252, .54);
  box-shadow: 0 18px 50px rgba(22, 63, 84, .07), inset 0 1px rgba(255, 255, 255, .72);
  backdrop-filter: blur(16px) saturate(120%);
  transform: none !important;
  pointer-events: auto;
}
.works-exhibit__hud > span {
  margin: 0 0 6px !important;
  font-size: 8px !important;
  letter-spacing: .24em !important;
}
.works-exhibit__hud b {
  order: 0 !important;
  margin: 0 !important;
  color: rgba(37, 92, 123, .68) !important;
  font-size: 10px !important;
}
.works-exhibit__hud strong {
  font-size: clamp(31px, 3.2vw, 54px) !important;
  line-height: .98 !important;
}
.works-exhibit__hud p {
  max-width: 38ch !important;
  margin: 8px 0 0 !important;
  font-size: clamp(12px, .92vw, 14px) !important;
  line-height: 1.85 !important;
}
.works-exhibit__hud em {
  order: 5;
  margin-top: 4px !important;
  font-size: 7px !important;
}
.works-loop-controls {
  position: absolute;
  right: clamp(22px, 5vw, 88px);
  bottom: max(27px, calc(env(safe-area-inset-bottom) + 21px));
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px;
  color: #204d69;
  border: 1px solid rgba(55, 111, 143, .18);
  border-radius: 999px;
  background: rgba(242, 248, 250, .68);
  box-shadow: 0 12px 34px rgba(20, 60, 82, .1);
  backdrop-filter: blur(14px);
}
.works-loop-controls button {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  color: #163f59;
  border: 1px solid rgba(55, 112, 145, .2);
  border-radius: 50%;
  background: rgba(255, 255, 255, .55);
  transition: transform .32s var(--v5-ease-out), background .32s ease;
}
.works-loop-controls button:hover,
.works-loop-controls button:focus-visible {
  background: #fff;
  transform: scale(1.08);
}
.works-loop-controls span {
  font-size: 7px;
  letter-spacing: .22em;
}
@keyframes v5-orbit-breathe {
  from {
    opacity: .46;
    filter: blur(0);
  }
  to {
    opacity: .78;
    filter: drop-shadow(0 0 16px rgba(104, 184, 223, .14));
  }
}
@keyframes v5-orbit-breathe-inner {
  from {
    opacity: .25;
  }
  to {
    opacity: .58;
  }
}
.service-intro {
  position: relative;
  overflow: clip;
  color: #edf7fb;
  background:
    radial-gradient(
      circle at 83% 18%,
      rgba(93, 164, 201, .18),
      transparent 29%),
    radial-gradient(
      circle at 14% 64%,
      rgba(43, 105, 139, .14),
      transparent 34%),
    linear-gradient(
      148deg,
      #051019,
      #071925 48%,
      #06121c) !important;
  isolation: isolate;
}
.service-intro::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .22;
  background:
    repeating-linear-gradient(
      118deg,
      transparent 0 7px,
      rgba(215, 241, 252, .025) 7px 8px);
  mix-blend-mode: screen;
}
.service-intro__halo {
  position: absolute;
  z-index: -1;
  display: block;
  border: 1px solid rgba(151, 207, 233, .11);
  border-radius: 50%;
  pointer-events: none;
}
.service-intro__halo--one {
  top: 5%;
  right: -19vw;
  width: min(64vw, 920px);
  aspect-ratio: 1;
}
.service-intro__halo--two {
  bottom: 9%;
  left: -18vw;
  width: min(47vw, 680px);
  aspect-ratio: 1;
}
.service-intro__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr);
  align-items: start;
  gap: clamp(52px, 7vw, 116px);
  width: min(100%, 1660px);
  margin: 0 auto;
}
.service-intro__copy {
  min-width: 0;
}
.service-intro__header {
  max-width: 770px;
  margin-bottom: clamp(46px, 6vw, 84px);
}
.service-intro .eyebrow {
  color: #82b7d3 !important;
}
.service-intro__header h2 {
  margin: 0;
  font-family:
    Georgia,
    "Noto Serif SC",
    serif;
  font-size: clamp(46px, 5.2vw, 88px);
  font-weight: 400;
  letter-spacing: -.075em;
  line-height: .98;
}
.service-intro__lead {
  max-width: 650px;
  margin: 32px 0 0;
  color: rgba(223, 239, 247, .78);
  font-size: clamp(14px, 1.04vw, 17px);
  line-height: 2.05;
}
.service-intro__aside {
  max-width: 650px;
  margin: 22px 0 0;
  padding: 16px 18px;
  color: rgba(214, 236, 247, .7);
  border-left: 1px solid rgba(138, 197, 226, .42);
  background:
    linear-gradient(
      90deg,
      rgba(111, 179, 213, .08),
      transparent);
  font-size: 12px;
  line-height: 1.95;
}
.service-plan-list {
  display: grid;
  gap: 18px;
}
.service-plan {
  display: grid;
  grid-template-columns: minmax(190px, .72fr) minmax(150px, .5fr) minmax(280px, 1.15fr);
  align-items: start;
  gap: clamp(20px, 3vw, 48px);
  padding: clamp(24px, 3vw, 42px);
  border: 1px solid rgba(166, 209, 230, .15);
  background: rgba(16, 42, 58, .5);
  box-shadow: 0 28px 74px rgba(0, 7, 13, .18), inset 0 1px rgba(255, 255, 255, .035);
  backdrop-filter: blur(18px) saturate(112%);
  transition:
    border-color .45s ease,
    transform .55s var(--v5-ease-out),
    background .45s ease;
}
.service-plan:hover {
  border-color: rgba(157, 211, 237, .3);
  background: rgba(18, 49, 68, .62);
  transform: translate3d(0, -6px, 0);
}
.service-plan--premium {
  background:
    linear-gradient(
      132deg,
      rgba(26, 67, 91, .7),
      rgba(10, 31, 45, .58));
}
.service-plan__top > span,
.service-extra__heading > span,
.service-rules__title > span,
.makeup-showcase__copy > span {
  display: block;
  margin-bottom: 13px;
  color: rgba(132, 187, 216, .68);
  font-size: 8px;
  letter-spacing: .2em;
}
.service-plan h3,
.service-extra h3,
.service-rules h3,
.makeup-showcase h3 {
  margin: 0;
  font-family:
    Georgia,
    "Noto Serif SC",
    serif;
  font-size: clamp(25px, 2.25vw, 39px);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: 1.08;
}
.service-plan__price {
  display: grid;
  gap: 12px;
}
.service-plan__price p {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(153, 204, 228, .13);
}
.service-plan__price small {
  color: rgba(202, 226, 238, .58);
  font-size: 10px;
  letter-spacing: .1em;
}
.service-plan__price strong {
  color: #f2f9fc;
  font: 300 clamp(24px, 2.1vw, 35px)/1 Arial, sans-serif;
  letter-spacing: -.055em;
}
.service-plan ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.service-plan li {
  position: relative;
  padding-left: 18px;
  color: rgba(219, 237, 245, .72);
  font-size: 12px;
  line-height: 1.75;
}
.service-plan li::before {
  content: "";
  position: absolute;
  top: .72em;
  left: 0;
  width: 7px;
  height: 1px;
  background: #76afd0;
}
.service-extra,
.service-rules,
.makeup-showcase {
  margin-top: 18px;
  padding: clamp(26px, 3vw, 42px);
  border: 1px solid rgba(164, 207, 228, .14);
  background: rgba(10, 31, 44, .52);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}
.service-extra {
  display: grid;
  grid-template-columns: minmax(190px, .6fr) minmax(340px, 1.4fr);
  gap: clamp(26px, 4vw, 56px);
}
.service-extra__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.service-extra__grid p {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 13px 0;
  color: rgba(216, 234, 243, .72);
  border-bottom: 1px solid rgba(145, 193, 217, .12);
  font-size: 11px;
}
.service-extra__grid b {
  color: #f0f8fb;
  font-weight: 500;
  white-space: nowrap;
}
.service-extra > small {
  grid-column: 2;
  color: rgba(195, 220, 233, .48);
  font-size: 9px;
}
.service-rules {
  display: grid;
  grid-template-columns: minmax(210px, .65fr) minmax(360px, 1.35fr);
  gap: clamp(26px, 4vw, 58px);
}
.service-rules__list {
  display: grid;
  gap: 0;
}
.service-rules__list p {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 13px;
  margin: 0;
  padding: 14px 0;
  color: rgba(215, 234, 243, .68);
  border-bottom: 1px solid rgba(145, 193, 217, .1);
  font-size: 11px;
  line-height: 1.85;
}
.service-rules__list p:last-child {
  border-bottom: 0;
}
.service-rules__list b {
  color: rgba(122, 179, 208, .68);
  font-size: 8px;
  letter-spacing: .08em;
}
.makeup-showcase {
  display: grid;
  grid-template-columns: minmax(180px, .58fr) minmax(380px, 1.42fr);
  gap: clamp(26px, 4vw, 56px);
  align-items: center;
}
.makeup-showcase__copy p {
  margin: 18px 0 0;
  color: rgba(215, 234, 243, .68);
  font-size: 11px;
  line-height: 1.9;
}
.makeup-showcase__images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.makeup-showcase figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #183447;
}
.makeup-showcase img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1s var(--v5-ease-out), filter .6s ease;
}
.makeup-showcase figure:hover img {
  filter: brightness(.94);
  transform: scale(1.035);
}
.makeup-showcase figcaption {
  position: absolute;
  right: 10px;
  bottom: 9px;
  padding: 5px 7px;
  color: rgba(242, 249, 252, .88);
  background: rgba(4, 17, 26, .6);
  font-size: 7px;
  letter-spacing: .16em;
  backdrop-filter: blur(8px);
}
.service-motion-column {
  position: sticky;
  top: max(105px, calc(env(safe-area-inset-top) + 82px));
  min-width: 0;
}
.service-motion {
  position: relative;
  width: 100%;
  min-height: 330px;
  aspect-ratio: 21 / 11;
  overflow: hidden;
  color: #15344d;
  border: 1px solid rgba(224, 241, 249, .72);
  background:
    radial-gradient(
      circle at 72% 46%,
      rgba(193, 218, 231, .22),
      transparent 31%),
    linear-gradient(
      145deg,
      #f8fafb,
      #edf2f5 54%,
      #e6edf1);
  box-shadow: 0 42px 110px rgba(0, 6, 12, .38), 0 0 0 1px rgba(255, 255, 255, .14) inset;
  isolation: isolate;
}
.service-motion::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
  background:
    linear-gradient(
      106deg,
      transparent 42%,
      rgba(255, 255, 255, .42) 50%,
      transparent 58%);
  opacity: .22;
  transform: translateX(-54%);
  animation: v5-motion-light 7.5s ease-in-out infinite;
}
.service-motion__meta {
  position: absolute;
  top: 20px;
  right: 22px;
  left: 22px;
  z-index: 8;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  color: rgba(31, 69, 96, .48);
  font-size: 7px;
  letter-spacing: .18em;
}
.service-motion__meta b {
  color: rgba(31, 75, 104, .7);
  font-weight: 600;
}
.service-motion__field {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.service-motion__haze {
  position: absolute;
  display: block;
  border-radius: 50%;
  filter: blur(18px);
  pointer-events: none;
}
.service-motion__haze--one {
  top: 21%;
  left: 5%;
  width: 36%;
  aspect-ratio: 1;
  background: rgba(112, 163, 193, .12);
}
.service-motion__haze--two {
  right: -8%;
  bottom: -30%;
  width: 48%;
  aspect-ratio: 1;
  background: rgba(130, 176, 202, .14);
}
.service-motion__silk {
  position: absolute;
  top: 58%;
  left: 13%;
  width: 69%;
  height: 2px;
  border-radius: 99px;
  background:
    linear-gradient(
      90deg,
      rgba(31, 70, 99, .32),
      rgba(101, 149, 178, .38) 42%,
      rgba(93, 158, 123, .46) 78%,
      transparent);
  box-shadow: 0 3px 13px rgba(41, 97, 128, .14);
  transform: scaleX(.05);
  transform-origin: left;
  transition: transform 1.35s var(--v5-ease-out) .08s;
}
.service-motion__plants {
  position: absolute;
  inset: 0;
}
.service-motion__plant {
  --plant-scale: 1;
  position: absolute;
  top: calc(58% - var(--plant-height, 20px));
  left: var(--plant-x, 20%);
  display: block;
  width: 2px;
  height: var(--plant-height, 20px);
  border-radius: 999px 999px 0 0;
  opacity: 0;
  background:
    linear-gradient(
      180deg,
      #83a98f,
      #4e8068);
  box-shadow: 0 0 8px rgba(103, 153, 126, .12);
  transform: translateY(7px) rotate(var(--plant-lean, 0deg)) scaleY(0);
  transform-origin: 50% 100%;
  transition: opacity .32s ease var(--plant-delay, 0ms), transform .72s var(--v5-ease-spring) var(--plant-delay, 0ms);
}
.service-motion__plant::before,
.service-motion__plant::after {
  content: "";
  position: absolute;
  display: block;
  opacity: 0;
  transition: opacity .3s ease calc(var(--plant-delay, 0ms) + 180ms), transform .64s var(--v5-ease-spring) calc(var(--plant-delay, 0ms) + 150ms);
}
.service-motion__plant::before {
  top: 34%;
  left: -6px;
  width: 8px;
  height: 4px;
  border-radius: 100% 0 100% 0;
  background: #74a486;
  transform: rotate(-28deg) scale(0);
  transform-origin: right bottom;
}
.service-motion__plant::after {
  top: -4px;
  left: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50% 50% 46% 54%;
  background:
    radial-gradient(
      circle at 42% 42%,
      #f9f6e4 0 18%,
      #d8b7ca 22% 58%,
      #9d7394 100%);
  box-shadow: 0 0 10px rgba(178, 126, 166, .18);
  transform: scale(0) rotate(-16deg);
}
.service-motion__particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.service-motion__particle {
  position: absolute;
  left: var(--particle-x, 50%);
  top: var(--particle-y, 50%);
  display: block;
  width: var(--particle-size, 2px);
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: 0;
  background: rgba(238, 207, 227, .94);
  box-shadow: 0 0 8px rgba(196, 132, 177, .55);
}
.service-motion__ball {
  position: absolute;
  top: 58%;
  left: 14%;
  z-index: 5;
  display: grid;
  place-items: center;
  width: clamp(54px, 5.4vw, 78px);
  aspect-ratio: 1;
  padding: 0;
  color: rgba(239, 248, 253, .86);
  border: 1px solid rgba(236, 247, 252, .62);
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 31% 27%,
      #4d6d91 0 4%,
      #213c66 18%,
      #0c234a 58%,
      #06152f 83%,
      #030a18 100%);
  box-shadow:
    -11px 18px 24px rgba(34, 58, 78, .26),
    0 16px 26px rgba(22, 47, 64, .18),
    inset -12px -15px 22px rgba(0, 5, 20, .34),
    inset 5px 6px 12px rgba(123, 162, 203, .14);
  transform: translate3d(-50%, -50%, 0) rotate(0deg);
  transition:
    left 1.48s cubic-bezier(.18, .78, .18, 1),
    transform 1.48s cubic-bezier(.18, .78, .18, 1),
    box-shadow .4s ease;
  touch-action: manipulation;
  will-change: left, transform;
}
.service-motion__ball::before {
  content: "";
  position: absolute;
  right: 9%;
  bottom: 5%;
  left: 9%;
  height: 13%;
  z-index: -1;
  border-radius: 50%;
  background: rgba(17, 42, 65, .27);
  filter: blur(8px);
  transform: translateY(190%) scaleX(1.28);
}
.service-motion__ball i {
  position: absolute;
  top: 13%;
  left: 19%;
  width: 27%;
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(255, 255, 255, .28),
      transparent 68%);
  filter: blur(1px);
}
.service-motion__ball span {
  font-size: 6px;
  letter-spacing: .16em;
  opacity: 0;
  transition: opacity .3s ease;
}
.service-motion__ball:hover,
.service-motion__ball:focus-visible {
  box-shadow:
    -13px 20px 30px rgba(34, 58, 78, .3),
    0 0 0 9px rgba(54, 101, 139, .08),
    0 0 28px rgba(54, 101, 139, .16),
    inset 5px 6px 12px rgba(154, 190, 225, .18);
  outline: 2px solid rgba(57, 104, 142, .42);
  outline-offset: 6px;
}
.service-motion__ball:hover span,
.service-motion__ball:focus-visible span {
  opacity: .78;
}
.service-motion > p {
  position: absolute;
  right: 24px;
  bottom: 20px;
  left: 24px;
  z-index: 8;
  max-width: 54ch;
  margin: 0;
  color: rgba(30, 66, 91, .5);
  font-size: 8px;
  line-height: 1.7;
  letter-spacing: .05em;
}
.service-motion.is-awake .service-motion__silk {
  transform: scaleX(1);
}
.service-motion.is-awake .service-motion__ball {
  left: 80%;
  transform: translate3d(-50%, -50%, 0) rotate(612deg);
}
.service-motion.is-awake .service-motion__plant {
  opacity: calc(.58 + var(--plant-emphasis, .3));
  transform: translateY(0) rotate(var(--plant-lean, 0deg)) scaleY(var(--plant-scale));
}
.service-motion.is-awake .service-motion__plant::before,
.service-motion.is-awake .service-motion__plant::after {
  opacity: 1;
  transform: rotate(-28deg) scale(1);
}
.service-motion.is-awake .service-motion__plant::after {
  transform: scale(1) rotate(-16deg);
}
.service-motion.is-awake .service-motion__particle {
  animation: v5-particle-glint var(--particle-duration, 1.1s) ease-out var(--particle-delay, 0ms) both;
}
.service-motion.is-resetting .service-motion__ball {
  transition-duration: 1.08s;
}
@keyframes v5-particle-glint {
  0% {
    opacity: 0;
    transform: translate3d(-8px, 6px, 0) scale(.2);
  }
  38% {
    opacity: .92;
  }
  100% {
    opacity: 0;
    transform: translate3d(18px, -14px, 0) scale(1.35);
  }
}
@keyframes v5-motion-light {
  0%, 23% {
    transform: translateX(-58%);
    opacity: .08;
  }
  58%, 100% {
    transform: translateX(62%);
    opacity: .28;
  }
}
html[data-quality=low] .works-exhibit__orbit--inner,
html[data-quality=low] .service-motion__haze,
html[data-quality=low] .service-motion::after {
  display: none !important;
}
html[data-quality=low] .works-exhibit .work-card {
  filter: none !important;
}
@media (max-width: 1180px) {
  .service-intro__layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .service-motion-column {
    position: relative;
    top: auto;
    width: min(100%, 780px);
    margin: 0 auto;
  }
  .service-motion {
    min-height: 300px;
  }
}
@media (max-width: 900px) {
  .about-envelope-open {
    width: 132px;
    height: 56px;
    min-height: 56px !important;
    font-size: 11px !important;
  }
  .works-exhibit__scroll {
    height: max(690px, 102svh) !important;
    min-height: 690px;
  }
  .works-exhibit__sticky {
    min-height: 590px !important;
  }
  .works-exhibit__orbit {
    left: 50% !important;
  }
  .works-exhibit__axis {
    left: 50% !important;
  }
  .works-exhibit .work-card,
  .works-exhibit .work-card:nth-child(n) {
    top: 59% !important;
    left: 50% !important;
    width: min(58vw, 330px) !important;
  }
  .works-exhibit__hud {
    top: max(72px, calc(env(safe-area-inset-top) + 58px)) !important;
    left: 20px !important;
    width: min(72vw, 330px) !important;
    max-width: min(72vw, 330px) !important;
    padding: 14px 16px !important;
  }
  .works-exhibit__hud strong {
    font-size: clamp(27px, 8.8vw, 39px) !important;
  }
  .works-exhibit__hud p {
    display: none !important;
  }
  .works-exhibit__hud > span {
    display: none;
  }
  .works-loop-controls {
    right: 16px;
    bottom: max(18px, calc(env(safe-area-inset-bottom) + 12px));
  }
  .service-plan,
  .service-extra,
  .service-rules,
  .makeup-showcase {
    grid-template-columns: minmax(0, 1fr);
  }
  .service-plan {
    gap: 24px;
  }
  .service-plan__price {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .service-extra__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .service-extra > small {
    grid-column: auto;
  }
  .service-rules__list {
    margin-top: 4px;
  }
  .makeup-showcase__images {
    margin-top: 2px;
  }
}
@media (max-width: 620px) {
  .about-envelope-experience {
    --paper-w: min(84vw, 344px) !important;
  }
  .works-exhibit__scroll {
    height: max(620px, 96svh) !important;
    min-height: 620px;
  }
  .works-exhibit__sticky {
    min-height: 560px !important;
  }
  .works-exhibit__orbit--outer {
    width: 132vw !important;
    height: 44vh !important;
  }
  .works-exhibit__orbit--inner {
    width: 106vw !important;
    height: 34vh !important;
  }
  .works-exhibit .work-card,
  .works-exhibit .work-card:nth-child(n) {
    top: 61% !important;
    width: min(60vw, 276px) !important;
  }
  .works-exhibit .work-card figcaption p,
  .works-exhibit .work-card figcaption b {
    display: none !important;
  }
  .works-exhibit__hud {
    top: max(64px, calc(env(safe-area-inset-top) + 50px)) !important;
    width: min(70vw, 280px) !important;
    max-width: min(70vw, 280px) !important;
  }
  .works-exhibit__hud em {
    display: none;
  }
  .works-loop-controls span {
    display: none;
  }
  .service-intro__header h2 {
    font-size: clamp(43px, 14vw, 64px);
  }
  .service-intro__lead {
    font-size: 14px;
  }
  .service-plan,
  .service-extra,
  .service-rules,
  .makeup-showcase {
    padding: 23px 20px;
  }
  .service-plan__price strong {
    font-size: 27px;
  }
  .makeup-showcase__images {
    grid-template-columns: minmax(0, 1fr);
  }
  .service-motion {
    min-height: 270px;
    aspect-ratio: 4 / 3;
  }
  .service-motion__meta {
    top: 15px;
    right: 16px;
    left: 16px;
  }
  .service-motion__meta span {
    display: none;
  }
  .service-motion > p {
    right: 16px;
    bottom: 14px;
    left: 16px;
  }
  .service-motion__ball {
    width: 60px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .about-envelope-open,
  .len-envelope,
  .about-envelope-shadow,
  .service-motion__ball,
  .service-motion__silk,
  .service-motion__plant {
    transition-duration: .22s !important;
    animation-duration: .22s !important;
    animation-iteration-count: 1 !important;
  }
  .about.is-about-up-reveal .about__visual,
  .about.is-about-up-reveal .about__copy {
    animation-duration: .32s !important;
  }
  .works-exhibit__orbit,
  .service-motion::after,
  .service-motion__particle {
    animation: none !important;
  }
  .works-exhibit .work-card {
    filter: none !important;
  }
}

/* source-site/assets/cinematic-v6.css */
:root {
  --v6-ease-out: cubic-bezier(.16, 1, .3, 1);
  --v6-ease-soft: cubic-bezier(.22, .78, .2, 1);
  --v6-ease-spring: cubic-bezier(.18, .9, .24, 1.08);
  --v6-night: #06131f;
  --v6-glass: rgba(10, 28, 43, .62);
  --v6-line: rgba(221, 242, 252, .18);
  --v6-blue: #8fd4f4;
}
@media (min-width: 9999px) {
  .site-header {
    top: 16px !important;
    right: 0 !important;
    left: 0 !important;
    grid-template-columns: minmax(174px, .72fr) auto minmax(146px, .72fr) !important;
    gap: clamp(12px, 1.35vw, 24px) !important;
    width: min(calc(100% - 40px), 1380px) !important;
    min-height: 66px;
    margin-inline: auto;
    padding: 8px 10px 8px 18px !important;
    overflow: visible;
    border: 1px solid rgba(222, 241, 251, .2) !important;
    border-radius: 24px;
    background:
      linear-gradient(
        135deg,
        rgba(255, 255, 255, .105),
        transparent 28%),
      linear-gradient(
        116deg,
        rgba(8, 24, 37, .78),
        rgba(7, 19, 31, .58) 54%,
        rgba(10, 29, 44, .72)) !important;
    box-shadow:
      0 22px 70px rgba(0, 8, 15, .28),
      0 3px 12px rgba(0, 8, 15, .18),
      inset 0 1px rgba(255, 255, 255, .18),
      inset 0 -1px rgba(52, 119, 155, .12);
    -webkit-backdrop-filter: blur(26px) saturate(155%);
    backdrop-filter: blur(26px) saturate(155%);
    isolation: isolate;
    transition:
      top .55s var(--v6-ease-out),
      width .72s var(--v6-ease-out),
      min-height .55s var(--v6-ease-out),
      padding .55s var(--v6-ease-out),
      background .4s ease,
      border-color .4s ease,
      opacity 1.05s cubic-bezier(.2, .72, .2, 1),
      transform 1.05s cubic-bezier(.2, .72, .2, 1) !important;
  }
  .site-header::before {
    content: "";
    position: absolute;
    top: 0;
    right: 7%;
    left: 7%;
    z-index: -1;
    height: 1px;
    opacity: .9;
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(235, 249, 255, .72),
        transparent);
    pointer-events: none;
  }
  .site-header::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -2;
    border-radius: 23px;
    box-shadow: inset 0 0 34px rgba(117, 190, 228, .045);
    pointer-events: none;
  }
  .site-header.is-scrolled {
    top: 9px !important;
    width: min(calc(100% - 48px), 1260px) !important;
    min-height: 58px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-color: rgba(222, 242, 252, .25) !important;
    background:
      linear-gradient(
        135deg,
        rgba(255, 255, 255, .09),
        transparent 28%),
      linear-gradient(
        116deg,
        rgba(5, 18, 29, .9),
        rgba(7, 21, 34, .77) 55%,
        rgba(8, 26, 41, .86)) !important;
  }
  .site-header .wordmark {
    gap: 11px;
    min-width: 0;
    padding: 0 4px;
    text-shadow: 0 4px 20px rgba(0, 0, 0, .34);
    transition: transform .45s var(--v6-ease-out), text-shadow .35s ease;
  }
  .site-header .wordmark:hover,
  .site-header .wordmark:focus-visible {
    text-shadow: 0 4px 24px rgba(124, 205, 245, .22);
    transform: translate3d(2px, -2px, 0);
  }
  .site-header .wordmark__meta {
    color: rgba(221, 240, 250, .52) !important;
    border-color: rgba(211, 238, 251, .2) !important;
  }
  .site-nav,
  .site-nav:hover {
    justify-self: center !important;
    gap: 3px !important;
    min-height: 48px;
    padding: 5px !important;
    border: 1px solid rgba(218, 240, 252, .13) !important;
    border-radius: 17px !important;
    background:
      linear-gradient(
        180deg,
        rgba(255, 255, 255, .065),
        rgba(255, 255, 255, .018)),
      rgba(2, 12, 21, .27) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 8px 24px rgba(0, 8, 14, .12) !important;
  }
  .site-nav a,
  .site-nav:hover a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0 !important;
    min-height: 36px;
    padding: 0 clamp(8px, .78vw, 13px) !important;
    overflow: hidden;
    color: rgba(228, 243, 251, .58) !important;
    border: 1px solid transparent;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: clamp(8px, .6vw, 9.5px) !important;
    letter-spacing: .11em !important;
    transform: translateZ(0);
    transition:
      color .3s ease,
      border-color .3s ease,
      background .35s ease,
      box-shadow .35s ease,
      transform .42s var(--v6-ease-out),
      padding .42s var(--v6-ease-out),
      gap .42s var(--v6-ease-out) !important;
  }
  .site-nav a:hover,
  .site-nav a:focus-visible {
    gap: .38em !important;
    color: #f6fcff !important;
    border-color: rgba(213, 239, 252, .16);
    background: rgba(174, 220, 243, .075) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .08) !important;
    outline: none;
    transform: translate3d(0, -2px, 0);
  }
  .site-nav a.is-active {
    color: #061723 !important;
    border-color: rgba(242, 252, 255, .5) !important;
    background:
      linear-gradient(
        145deg,
        rgba(245, 252, 255, .97),
        rgba(165, 213, 237, .88) 68%,
        rgba(114, 181, 217, .9)) !important;
    box-shadow:
      0 7px 22px rgba(74, 156, 201, .2),
      inset 0 1px rgba(255, 255, 255, .94),
      inset 0 -8px 18px rgba(50, 121, 160, .12) !important;
    text-shadow: 0 1px rgba(255, 255, 255, .54);
  }
  .site-nav:hover .site-nav__cn,
  .site-nav .site-nav__cn {
    max-width: 0 !important;
    margin-left: 0 !important;
    opacity: 0 !important;
    transform: translate3d(-.45em, 0, 0) !important;
  }
  .site-nav a:hover .site-nav__cn,
  .site-nav a:focus-visible .site-nav__cn {
    max-width: 4.5em !important;
    margin-left: .02em !important;
    opacity: .82 !important;
    transform: translate3d(0, 0, 0) !important;
  }
  .header-actions {
    padding-left: 4px;
  }
  .header-cta {
    min-height: 42px;
    padding: 0 17px !important;
    color: rgba(239, 249, 254, .9);
    border: 1px solid rgba(221, 243, 254, .28) !important;
    border-radius: 14px !important;
    background:
      linear-gradient(
        145deg,
        rgba(122, 188, 222, .22),
        rgba(35, 91, 125, .16)),
      rgba(6, 22, 34, .32);
    box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 8px 24px rgba(0, 8, 14, .13);
    transition:
      color .3s ease,
      background .35s ease,
      border-color .3s ease,
      box-shadow .35s ease,
      transform .42s var(--v6-ease-out) !important;
  }
  .header-cta:hover,
  .header-cta:focus-visible {
    color: #061723 !important;
    border-color: rgba(242, 252, 255, .72) !important;
    background:
      linear-gradient(
        145deg,
        #f7fcff,
        #a9d6eb) !important;
    box-shadow: 0 11px 30px rgba(74, 157, 201, .22), inset 0 1px #fff;
    outline: none;
    transform: translate3d(0, -2px, 0);
  }
}
.about-envelope-experience {
  background: rgba(2, 8, 14, 0) !important;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  transition:
    opacity .26s ease,
    background .48s var(--v6-ease-soft),
    -webkit-backdrop-filter .48s ease,
    backdrop-filter .48s ease !important;
}
.about-envelope-experience.is-active {
  background: rgba(2, 8, 14, .82) !important;
  -webkit-backdrop-filter: blur(15px) saturate(118%);
  backdrop-filter: blur(15px) saturate(118%);
}
.about-envelope-experience::before {
  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(85, 158, 199, .21),
      transparent 30%),
    radial-gradient(
      circle at 22% 18%,
      rgba(55, 119, 164, .15),
      transparent 36%),
    linear-gradient(
      150deg,
      #02070c,
      #06131f 48%,
      #02070c) !important;
}
.len-envelope {
  filter: blur(8px) saturate(.88) !important;
  transform: translate3d(-50%, -49%, -900px) rotateX(6deg) rotateY(-9deg) rotateZ(-1.8deg) scale(.34) !important;
  transition:
    opacity .2s ease,
    filter .62s ease,
    transform .78s var(--v6-ease-spring) !important;
}
.about-envelope-experience.is-approaching .len-envelope {
  filter: blur(0) saturate(1) !important;
  transform: translate3d(-50%, -49%, 0) rotateX(0) rotateY(0) rotateZ(-.18deg) scale(1) !important;
}
.len-envelope__back,
.len-envelope__letter,
.len-envelope__pocket,
.len-envelope__flap {
  -webkit-backdrop-filter: blur(28px) saturate(172%);
  backdrop-filter: blur(28px) saturate(172%);
}
.len-envelope__back {
  overflow: hidden;
  border-color: rgba(238, 249, 255, .45) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(
      145deg,
      rgba(245, 251, 254, .56),
      rgba(164, 198, 216, .28) 48%,
      rgba(65, 111, 139, .34)),
    rgba(182, 218, 235, .16) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .74),
    inset 0 -26px 52px rgba(16, 54, 78, .16),
    0 40px 110px rgba(0, 8, 14, .42),
    0 0 0 1px rgba(92, 173, 216, .08) !important;
}
.len-envelope__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      113deg,
      rgba(255, 255, 255, .32),
      transparent 27% 61%,
      rgba(195, 234, 252, .12)),
    radial-gradient(
      circle at 70% 18%,
      rgba(255, 255, 255, .26),
      transparent 28%);
  mix-blend-mode: screen;
  pointer-events: none;
}
.len-envelope__letter {
  color: #12334a !important;
  border-color: rgba(255, 255, 255, .72) !important;
  border-radius: 13px;
  background:
    linear-gradient(
      125deg,
      rgba(255, 255, 255, .8),
      rgba(221, 240, 249, .6) 54%,
      rgba(150, 198, 222, .5)),
    rgba(235, 248, 253, .45) !important;
  box-shadow:
    0 18px 46px rgba(0, 12, 22, .25),
    inset 0 1px rgba(255, 255, 255, .92),
    inset 0 -14px 34px rgba(62, 127, 161, .09) !important;
}
.len-envelope__pocket {
  border-radius: 0 0 18px 18px;
  background:
    linear-gradient(
      146deg,
      rgba(228, 244, 251, .62),
      rgba(128, 178, 204, .37) 62%,
      rgba(49, 102, 134, .42)),
    rgba(150, 201, 226, .18) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .46), inset 0 -18px 36px rgba(16, 57, 82, .12) !important;
}
.len-envelope__pocket::before {
  background:
    linear-gradient(
      125deg,
      rgba(255, 255, 255, .48),
      rgba(144, 199, 226, .08)) !important;
}
.len-envelope__pocket::after {
  background:
    linear-gradient(
      230deg,
      rgba(216, 241, 252, .39),
      rgba(76, 136, 168, .08)) !important;
}
.len-envelope__flap {
  background:
    linear-gradient(
      168deg,
      rgba(244, 251, 254, .67),
      rgba(143, 188, 211, .45) 64%,
      rgba(52, 108, 139, .48)),
    rgba(174, 217, 237, .17) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .78), 0 7px 18px rgba(10, 38, 55, .12) !important;
}
.len-envelope__seal {
  color: rgba(245, 252, 255, .9) !important;
  border-color: rgba(234, 249, 255, .55) !important;
  background:
    radial-gradient(
      circle at 30% 24%,
      rgba(255, 255, 255, .45),
      transparent 19%),
    linear-gradient(
      145deg,
      rgba(100, 174, 211, .92),
      rgba(28, 84, 118, .84) 64%,
      rgba(10, 43, 66, .9)) !important;
  box-shadow:
    0 9px 24px rgba(1, 14, 23, .34),
    inset 0 1px rgba(255, 255, 255, .5),
    inset 0 -8px 14px rgba(3, 31, 49, .22) !important;
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  backdrop-filter: blur(14px) saturate(150%);
}
.about-envelope-open {
  top: 50% !important;
  left: 50% !important;
  width: clamp(132px, 10.8vw, 164px) !important;
  height: clamp(56px, 4.4vw, 66px) !important;
  min-width: 132px !important;
  min-height: 56px !important;
  color: #f8fdff !important;
  border-color: rgba(234, 249, 255, .7) !important;
  background:
    linear-gradient(
      145deg,
      rgba(151, 215, 245, .48),
      rgba(38, 112, 151, .56) 56%,
      rgba(8, 47, 73, .68)),
    rgba(14, 53, 77, .55) !important;
  box-shadow:
    0 19px 58px rgba(0, 8, 14, .5),
    0 0 0 8px rgba(183, 228, 249, .08),
    inset 0 1px rgba(255, 255, 255, .56),
    inset 0 -12px 28px rgba(1, 25, 42, .25) !important;
  -webkit-backdrop-filter: blur(24px) saturate(165%);
  backdrop-filter: blur(24px) saturate(165%);
}
.about-envelope-experience.is-awaiting-open .about-envelope-open {
  animation: v6-open-breathe 1.7s ease-in-out infinite !important;
}
.about-envelope-experience.is-opening .len-envelope__flap {
  animation: v6-flap-open .4s cubic-bezier(.2, .76, .18, 1) forwards !important;
}
.about-envelope-experience.is-opening .len-envelope__letter {
  animation: v6-letter-lift .54s var(--v6-ease-out) .09s forwards !important;
}
.about-envelope-experience.is-closing-to-about .len-envelope {
  animation: v6-envelope-finish .5s var(--v6-ease-soft) forwards !important;
}
.about-envelope-experience.is-completing {
  transition-duration: .52s !important;
}
.about.is-about-up-reveal .about__visual,
.about.is-about-up-reveal .about__copy {
  animation: v6-about-rise .9s var(--v6-ease-out) both !important;
}
.about.is-about-up-reveal .about__copy {
  animation-delay: .07s !important;
}
@keyframes v6-open-breathe {
  0%, 100% {
    box-shadow:
      0 19px 58px rgba(0, 8, 14, .48),
      0 0 0 7px rgba(183, 228, 249, .07),
      inset 0 1px rgba(255, 255, 255, .52),
      inset 0 -12px 28px rgba(1, 25, 42, .24);
  }
  50% {
    box-shadow:
      0 23px 66px rgba(0, 8, 14, .55),
      0 0 0 13px rgba(183, 228, 249, .13),
      0 0 38px rgba(135, 211, 247, .24),
      inset 0 1px rgba(255, 255, 255, .62),
      inset 0 -12px 28px rgba(1, 25, 42, .22);
  }
}
@keyframes v6-flap-open {
  0% {
    transform: rotateX(0deg);
    filter: brightness(1);
  }
  72% {
    transform: rotateX(177deg);
    filter: brightness(.9);
  }
  100% {
    z-index: 0;
    transform: rotateX(169deg);
    filter: brightness(.92);
  }
}
@keyframes v6-letter-lift {
  0% {
    z-index: 2;
    transform: translate3d(0, 12%, 4px) rotateZ(.08deg);
  }
  58% {
    z-index: 6;
    transform: translate3d(-.3%, -43%, 32px) rotateZ(-.25deg);
  }
  100% {
    z-index: 7;
    transform: translate3d(.25%, -65%, 52px) rotateZ(.14deg) scale(1.012);
  }
}
@keyframes v6-envelope-finish {
  0% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(-50%, -49%, 0) rotateX(0) rotateY(0) scale(1);
  }
  44% {
    opacity: .9;
    transform: translate3d(-50%, -54%, 74px) rotateX(-1deg) rotateY(1.5deg) scale(1.025);
  }
  100% {
    opacity: 0;
    filter: blur(6px);
    transform: translate3d(-50%, -61%, -460px) rotateX(-5deg) rotateY(5deg) scale(.58);
  }
}
@keyframes v6-about-rise {
  0% {
    opacity: 0;
    filter: blur(7px);
    transform: translate3d(0, 54px, -52px) scale(.984);
  }
  56% {
    opacity: .9;
    filter: blur(1.5px);
    transform: translate3d(0, 12px, -8px) scale(.997);
  }
  100% {
    opacity: 1;
    filter: none;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.works-exhibit__scroll {
  height: clamp(3900px, 620svh, 7200px) !important;
  min-height: 3900px !important;
  touch-action: pan-y pinch-zoom !important;
  overscroll-behavior-y: contain;
}
.works-exhibit__sticky {
  top: 0 !important;
  height: 100svh !important;
  min-height: 620px !important;
  isolation: isolate;
  perspective: 1900px !important;
  perspective-origin: 58% 54%;
}
.works-exhibit__sticky::after {
  background:
    radial-gradient(
      circle at 58% 55%,
      transparent 0 36%,
      rgba(229, 239, 243, .2) 65%,
      rgba(231, 241, 245, .78) 100%),
    linear-gradient(
      90deg,
      rgba(238, 246, 248, .9),
      transparent 14% 88%,
      rgba(229, 239, 243, .82)),
    linear-gradient(
      0deg,
      rgba(226, 237, 242, .65),
      transparent 19% 83%,
      rgba(244, 249, 250, .55)) !important;
}
.works-mobius-canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: .76;
  pointer-events: none;
  filter: drop-shadow(0 18px 28px rgba(31, 87, 117, .11));
}
.works-tunnel-guides {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
.works-tunnel-guides::before,
.works-tunnel-guides::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: clamp(110px, 22vw, 380px);
  opacity: .82;
  pointer-events: none;
}
.works-tunnel-guides::before {
  left: 0;
  background:
    linear-gradient(
      90deg,
      rgba(24, 57, 77, .25),
      rgba(53, 97, 121, .08) 42%,
      transparent);
}
.works-tunnel-guides::after {
  right: 0;
  background:
    linear-gradient(
      270deg,
      rgba(24, 57, 77, .23),
      rgba(53, 97, 121, .07) 42%,
      transparent);
}
.works-tunnel-guides i {
  position: absolute;
  top: 56%;
  left: 58%;
  width: 1.2px;
  height: 76vh;
  min-height: 520px;
  opacity: .24;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(54, 123, 160, .65) 0 8px,
      transparent 8px 27px);
  background-position: 0 var(--tunnel-offset, 0px);
  box-shadow: 0 0 10px rgba(118, 193, 228, .1);
  transform-origin: 0 0;
}
.works-tunnel-guides i:nth-child(1) {
  transform: rotate(26deg);
  opacity: .23;
}
.works-tunnel-guides i:nth-child(2) {
  transform: rotate(44deg);
  opacity: .34;
}
.works-tunnel-guides i:nth-child(3) {
  transform: rotate(62deg);
  opacity: .19;
}
.works-tunnel-guides i:nth-child(4) {
  transform: rotate(-26deg);
  opacity: .23;
}
.works-tunnel-guides i:nth-child(5) {
  transform: rotate(-44deg);
  opacity: .34;
}
.works-tunnel-guides i:nth-child(6) {
  transform: rotate(-62deg);
  opacity: .19;
}
.works-exhibit__orbit {
  opacity: .18 !important;
  animation-duration: 14s !important;
}
.works-exhibit__axis {
  opacity: .14 !important;
}
.works-exhibit .works-grid {
  perspective: 1900px !important;
  perspective-origin: 58% 54%;
}
.works-exhibit .work-card,
.works-exhibit .work-card:nth-child(n),
.spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
  --ring-rx: 0deg;
  top: 56% !important;
  left: 58% !important;
  width: clamp(216px, 21.5vw, 376px) !important;
  backface-visibility: hidden;
  transform: translate3d(calc(-50% + var(--ring-x)), calc(-50% + var(--ring-y)), var(--ring-z)) scale(var(--ring-scale)) !important;
  transform-style: preserve-3d;
}
.works-exhibit .work-card .media {
  border-radius: 7px !important;
  transition:
    border-color .38s ease,
    box-shadow .45s ease,
    transform .58s var(--v6-ease-out) !important;
}
.works-exhibit .work-card .media::before {
  content: "";
  position: absolute;
  inset: -2px;
  z-index: 2;
  opacity: var(--ring-veil, 0);
  background:
    linear-gradient(
      118deg,
      rgba(237, 250, 255, .9),
      rgba(164, 211, 233, .5) 45%,
      transparent 72%),
    radial-gradient(
      circle at 50% 48%,
      rgba(255, 255, 255, .4),
      transparent 55%);
  mix-blend-mode: screen;
  pointer-events: none;
}
.works-exhibit .work-card[data-ring-end=true] .media {
  border-color: rgba(247, 253, 255, .96) !important;
  box-shadow:
    0 34px 86px rgba(14, 50, 73, .25),
    0 0 0 6px rgba(143, 202, 232, .065),
    inset 0 1px rgba(255, 255, 255, .42) !important;
}
.works-exhibit .work-card[data-exhibit-active] .media {
  animation: v6-story-reborn .78s var(--v6-ease-out) both;
  box-shadow:
    0 44px 112px rgba(10, 42, 63, .32),
    0 0 0 1px rgba(103, 178, 218, .38),
    0 0 52px rgba(130, 201, 235, .14) !important;
}
.works-exhibit__orb {
  top: calc(31% + var(--v6-ball-y, 0px)) !important;
  left: calc(72% + var(--v6-ball-x, 0px)) !important;
  z-index: 1 !important;
  width: clamp(30px, 3.4vw, 50px) !important;
  opacity: var(--v6-ball-opacity, .68) !important;
  filter: blur(var(--v6-ball-blur, 0px));
  transform: translate3d(-50%, -50%, var(--v6-ball-z, 0px)) scale(var(--v6-ball-scale, 1)) !important;
  transition: none !important;
  will-change:
    top,
    left,
    transform,
    opacity;
}
.works-exhibit__orb::before {
  inset: 12% !important;
  transform: rotate(var(--v6-ball-spin, 0deg));
  transform-origin: 64% 68%;
}
.works-exhibit__orb-shadow {
  top: calc(31% + var(--v6-ball-shadow-y, 38px)) !important;
  left: calc(72% + var(--v6-ball-x, 0px)) !important;
  z-index: 0 !important;
  width: clamp(45px, 5.5vw, 82px) !important;
  opacity: var(--v6-ball-shadow-opacity, .18) !important;
  transform: translate(-50%, -50%) scaleX(var(--v6-ball-shadow-scale, 1)) !important;
  transition: none !important;
}
@keyframes v6-story-reborn {
  0% {
    filter: saturate(.72) brightness(.9);
    transform: translate3d(0, 12px, -18px) scale(.982);
  }
  58% {
    filter: saturate(.95) brightness(.985);
    transform: translate3d(0, 2px, -2px) scale(.998);
  }
  100% {
    filter: none;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.works-exhibit__hud {
  border-radius: 16px !important;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .65),
      rgba(225, 241, 248, .46)),
    rgba(238, 248, 251, .42) !important;
  box-shadow: 0 22px 62px rgba(22, 63, 84, .1), inset 0 1px rgba(255, 255, 255, .82) !important;
  -webkit-backdrop-filter: blur(22px) saturate(132%);
  backdrop-filter: blur(22px) saturate(132%);
}
.works-exhibit__hud::after {
  content: attr(data-scroll-state);
  margin-top: 5px;
  color: rgba(31, 91, 126, .48);
  font: 600 7px/1 Arial, sans-serif;
  letter-spacing: .2em;
}
.works-loop-controls {
  border-radius: 16px !important;
  background: rgba(242, 249, 252, .62) !important;
  -webkit-backdrop-filter: blur(20px) saturate(128%);
  backdrop-filter: blur(20px) saturate(128%);
}
.works-loop-controls::before {
  content: "";
  position: absolute;
  right: 12px;
  bottom: calc(100% + 9px);
  left: 12px;
  height: 2px;
  border-radius: 99px;
  background:
    linear-gradient(
      90deg,
      #2f789f,
      #9bd9f6);
  box-shadow: 0 0 12px rgba(77, 157, 201, .2);
  transform: scaleX(var(--works-progress, 0));
  transform-origin: left;
  transition: transform .08s linear;
}
html.works-scroll-engaged .site-header {
  border-color: rgba(202, 235, 250, .3) !important;
  box-shadow:
    0 22px 70px rgba(0, 8, 15, .31),
    0 0 0 1px rgba(104, 189, 229, .08),
    inset 0 1px rgba(255, 255, 255, .2) !important;
}
@media (max-width: 900px) {
  .works-exhibit__scroll {
    height: clamp(3300px, 560svh, 6000px) !important;
    min-height: 3300px !important;
  }
  .works-mobius-canvas {
    opacity: .58;
  }
  .works-tunnel-guides i {
    left: 50%;
  }
  .works-exhibit__orb {
    top: calc(30% + var(--v6-ball-y, 0px)) !important;
    left: calc(72% + var(--v6-ball-x, 0px)) !important;
  }
  .works-exhibit__orb-shadow {
    top: calc(30% + var(--v6-ball-shadow-y, 38px)) !important;
    left: calc(72% + var(--v6-ball-x, 0px)) !important;
  }
  .works-exhibit .work-card,
  .works-exhibit .work-card:nth-child(n),
  .spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
    top: 57% !important;
    left: 50% !important;
    width: clamp(190px, 54vw, 300px) !important;
  }
  .works-exhibit__hud {
    top: max(78px, calc(env(safe-area-inset-top) + 58px)) !important;
    left: max(18px, env(safe-area-inset-left)) !important;
    width: min(72vw, 360px) !important;
    padding: 14px 16px 15px !important;
  }
}
@media (max-width: 560px) {
  .works-exhibit__scroll {
    height: clamp(3100px, 540svh, 5600px) !important;
    min-height: 3100px !important;
  }
  .works-exhibit__sticky {
    min-height: 560px !important;
  }
  .works-exhibit__hud {
    width: min(76vw, 310px) !important;
  }
  .works-exhibit__hud strong {
    font-size: clamp(25px, 8.5vw, 36px) !important;
  }
  .works-loop-controls {
    right: max(14px, env(safe-area-inset-right)) !important;
  }
}
html[data-quality=low] .site-header,
html[data-quality=low] .len-envelope__back,
html[data-quality=low] .len-envelope__letter,
html[data-quality=low] .len-envelope__pocket,
html[data-quality=low] .len-envelope__flap,
html[data-quality=low] .about-envelope-open,
html[data-quality=low] .works-exhibit__hud,
html[data-quality=low] .works-loop-controls {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-quality=low] .works-mobius-canvas {
  opacity: .42;
  filter: none;
}
@media (prefers-reduced-motion: reduce) {
  .len-envelope,
  .about-envelope-open,
  .about.is-about-up-reveal .about__visual,
  .about.is-about-up-reveal .about__copy {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
  .works-exhibit__orbit {
    animation: none !important;
  }
}

/* source-site/assets/github-depth-v7.css */
:root {
  --v7-ease-out: cubic-bezier(.16, 1, .3, 1);
  --v7-ease-inout: cubic-bezier(.65, 0, .35, 1);
  --v7-violet: #45437d;
  --v7-violet-deep: #171a42;
  --v7-blue-black: #07131f;
}
@media (min-width: 901px) {
  .site-header {
    overflow: visible !important;
  }
  .site-header.is-scrolled {
    top: 0 !important;
    left: 50% !important;
    width: min(52vw, 680px) !important;
    height: 10px !important;
    min-height: 10px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 0 9px 9px !important;
    background: rgba(3, 6, 9, .98) !important;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .24) !important;
    transform: translateX(-50%) !important;
    transition:
      width .66s var(--v7-ease-out),
      height .58s var(--v7-ease-out),
      padding .58s var(--v7-ease-out),
      background .32s ease,
      border-radius .48s var(--v7-ease-out),
      box-shadow .4s ease !important;
  }
  .site-header.is-scrolled > .wordmark,
  .site-header.is-scrolled > .site-nav,
  .site-header.is-scrolled > .header-actions {
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, -13px, 0) scale(.98);
    transition: opacity .2s ease, transform .48s var(--v7-ease-out);
  }
  .site-header.is-scrolled:hover,
  .site-header.is-scrolled:focus-within {
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 9px clamp(20px, 4vw, 72px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 0 !important;
    background: rgba(7, 18, 30, .965) !important;
    box-shadow: 0 14px 38px rgba(0, 0, 0, .2) !important;
  }
  .site-header.is-scrolled:hover > .wordmark,
  .site-header.is-scrolled:hover > .site-nav,
  .site-header.is-scrolled:hover > .header-actions,
  .site-header.is-scrolled:focus-within > .wordmark,
  .site-header.is-scrolled:focus-within > .site-nav,
  .site-header.is-scrolled:focus-within > .header-actions {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    transition-delay: .06s;
  }
  .site-header.is-scrolled:hover .site-nav a,
  .site-header.is-scrolled:focus-within .site-nav a {
    overflow: visible !important;
  }
  .site-header.is-scrolled .site-nav a::before {
    content: attr(data-note);
    position: absolute;
    top: calc(100% + 17px);
    left: 50%;
    z-index: 4;
    width: max-content;
    max-width: 148px;
    padding: 8px 10px 7px;
    color: #26313a;
    border: 1px solid rgba(81, 70, 43, .14);
    border-radius: 2px;
    background:
      linear-gradient(
        145deg,
        #fff9d9,
        #eee3aa);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .16), inset 0 1px rgba(255, 255, 255, .72);
    font:
      600 8px/1.2 "Microsoft YaHei",
      "\5fae\8f6f\96c5\9ed1",
      Arial,
      sans-serif;
    letter-spacing: .08em;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(-50%, -8px, 0) rotate(-1.2deg) scale(.94);
    transition: opacity .24s ease, transform .42s var(--v7-ease-out);
  }
  .site-header.is-scrolled .site-nav a:nth-child(even)::before {
    transform: translate3d(-50%, -8px, 0) rotate(1.1deg) scale(.94);
  }
  .site-header.is-scrolled:hover .site-nav a:hover::before,
  .site-header.is-scrolled:hover .site-nav a:focus-visible::before,
  .site-header.is-scrolled:focus-within .site-nav a:focus-visible::before {
    opacity: .98;
    transform: translate3d(-50%, 0, 0) rotate(-1.2deg) scale(1);
  }
  .site-header.is-scrolled:hover .site-nav a:nth-child(even):hover::before,
  .site-header.is-scrolled:hover .site-nav a:nth-child(even):focus-visible::before {
    transform: translate3d(-50%, 0, 0) rotate(1.1deg) scale(1);
  }
  html.works-scroll-engaged .site-header.is-scrolled {
    border-color: transparent !important;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .24) !important;
  }
}
.len-envelope__back {
  border-color: rgba(232, 234, 255, .34) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(
      142deg,
      rgba(155, 158, 218, .56),
      rgba(72, 72, 134, .73) 48%,
      rgba(26, 30, 73, .92)),
    rgba(47, 50, 104, .56) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .54),
    inset 0 -34px 58px rgba(8, 11, 42, .28),
    0 42px 118px rgba(0, 5, 18, .5) !important;
}
.len-envelope__back::after {
  content: "LEN \b7  A LETTER FOR YOU" !important;
  color: rgba(242, 243, 255, .52) !important;
}
.len-envelope__letter {
  color: #20244d !important;
  border-color: rgba(255, 255, 255, .76) !important;
  background:
    linear-gradient(
      128deg,
      rgba(255, 255, 255, .9),
      rgba(235, 236, 249, .78) 55%,
      rgba(190, 193, 229, .66)),
    rgba(245, 246, 255, .64) !important;
  box-shadow: 0 19px 52px rgba(2, 5, 27, .3), inset 0 1px rgba(255, 255, 255, .94) !important;
}
.len-envelope__letter::before {
  content: "ABOUT ALAN \b7  LEN PHOTOGRAPHY" !important;
  color: rgba(42, 45, 94, .56) !important;
}
.len-envelope__letter strong {
  font-size: clamp(22px, 3.2vw, 46px) !important;
  letter-spacing: -.045em !important;
}
.len-envelope__letter small {
  color: rgba(34, 39, 84, .56) !important;
}
.len-envelope__pocket {
  border-radius: 0 0 14px 14px !important;
  background:
    linear-gradient(
      146deg,
      rgba(129, 132, 197, .86),
      rgba(65, 65, 128, .92) 62%,
      rgba(27, 31, 76, .98)),
    rgba(67, 68, 135, .72) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .34), inset 0 -22px 42px rgba(6, 9, 39, .2) !important;
}
.len-envelope__pocket::before {
  background:
    linear-gradient(
      125deg,
      rgba(203, 205, 241, .42),
      rgba(79, 82, 151, .08)) !important;
}
.len-envelope__pocket::after {
  background:
    linear-gradient(
      230deg,
      rgba(166, 169, 221, .31),
      rgba(26, 31, 78, .12)) !important;
}
.len-envelope__flap {
  background:
    linear-gradient(
      168deg,
      rgba(190, 193, 232, .9),
      rgba(92, 93, 159, .91) 62%,
      rgba(37, 42, 91, .98)),
    rgba(75, 77, 143, .74) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .56), 0 8px 20px rgba(5, 8, 33, .18) !important;
}
.len-envelope__seal {
  color: rgba(250, 250, 255, .92) !important;
  border-color: rgba(236, 237, 255, .48) !important;
  background:
    radial-gradient(
      circle at 30% 24%,
      rgba(255, 255, 255, .42),
      transparent 20%),
    linear-gradient(
      145deg,
      #777bc3,
      #3b3f82 62%,
      #171b4b) !important;
  box-shadow: 0 10px 26px rgba(2, 5, 26, .4), inset 0 1px rgba(255, 255, 255, .48) !important;
}
.about-envelope-open {
  top: calc(50% + var(--paper-h) * .69) !important;
  left: 50% !important;
  width: clamp(146px, 12vw, 184px) !important;
  min-width: 146px !important;
  height: clamp(48px, 4vw, 58px) !important;
  min-height: 48px !important;
  overflow: visible !important;
  color: #f8f8ff !important;
  border: 1px solid rgba(235, 236, 255, .48) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      145deg,
      rgba(116, 119, 190, .72),
      rgba(45, 49, 106, .83) 62%,
      rgba(17, 22, 61, .92)),
    rgba(38, 42, 98, .68) !important;
  box-shadow:
    0 18px 54px rgba(0, 4, 22, .48),
    inset 0 1px rgba(255, 255, 255, .44),
    inset 0 -12px 26px rgba(7, 10, 42, .24) !important;
  letter-spacing: .15em !important;
  transform: translate3d(-50%, 16px, 90px) scale(.92) !important;
}
.about-envelope-open::before {
  inset: 0 !important;
  overflow: hidden;
  opacity: .18 !important;
  border-radius: inherit;
  background:
    linear-gradient(
      104deg,
      transparent 20%,
      rgba(255, 255, 255, .2) 49%,
      transparent 78%) !important;
  transform: none !important;
}
.about-envelope-open::after {
  content: "" !important;
  position: absolute !important;
  inset: -10px !important;
  z-index: -1 !important;
  border: 1px dashed rgba(226, 228, 255, .72) !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: 0 0 0 5px rgba(120, 124, 196, .06) !important;
  pointer-events: none;
}
.about-envelope-experience.is-awaiting-open .about-envelope-open {
  transform: translate3d(-50%, 0, 90px) scale(1) !important;
  animation: v7-open-float 2.2s ease-in-out infinite !important;
}
.about-envelope-open:hover,
.about-envelope-open:focus-visible {
  letter-spacing: .21em !important;
  outline: none !important;
  box-shadow:
    0 24px 66px rgba(0, 4, 22, .58),
    0 0 32px rgba(135, 140, 221, .22),
    inset 0 1px rgba(255, 255, 255, .52) !important;
}
.about-envelope-open:hover::before,
.about-envelope-open:focus-visible::before {
  opacity: .28 !important;
  transform: none !important;
}
.about-envelope-experience.is-opening .about-envelope-open {
  animation: none !important;
  transform: translate3d(-50%, -8px, 90px) scale(1.08) !important;
}
@keyframes v7-open-float {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -7px;
  }
}
.works-exhibit {
  overflow: clip !important;
  background:
    radial-gradient(
      circle at 58% 50%,
      rgba(255, 255, 255, .96) 0 4%,
      rgba(190, 218, 231, .22) 20%,
      transparent 45%),
    linear-gradient(
      145deg,
      #f6f9fa 0%,
      #e6eef2 52%,
      #d8e5eb 100%) !important;
}
.works-exhibit__scroll {
  position: relative !important;
  height: clamp(5600px, 820svh, 9200px) !important;
  min-height: 5600px !important;
  margin-right: min(-7vw, -24px) !important;
  margin-left: min(-7vw, -24px) !important;
  touch-action: pan-y pinch-zoom !important;
  overscroll-behavior-y: contain;
}
.works-exhibit__sticky {
  position: sticky !important;
  top: 0 !important;
  height: 100svh !important;
  min-height: 620px !important;
  overflow: hidden !important;
  cursor: default !important;
  isolation: isolate;
  perspective: none !important;
  user-select: none;
}
.works-exhibit__sticky::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(
      90deg,
      rgba(11, 26, 36, .34) 0,
      rgba(24, 49, 64, .16) 9%,
      transparent 27% 74%,
      rgba(24, 49, 64, .14) 91%,
      rgba(11, 26, 36, .31) 100%),
    linear-gradient(
      180deg,
      rgba(20, 36, 47, .16),
      transparent 22% 80%,
      rgba(20, 36, 47, .13)) !important;
  box-shadow: inset 13vw 0 18vw -12vw rgba(7, 20, 29, .54), inset -13vw 0 18vw -12vw rgba(7, 20, 29, .5) !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: none;
}
.works-exhibit__sticky::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    radial-gradient(
      ellipse at 58% 50%,
      transparent 0 24%,
      rgba(213, 228, 235, .08) 46%,
      rgba(211, 225, 232, .42) 100%),
    repeating-linear-gradient(
      90deg,
      transparent 0 38px,
      rgba(44, 92, 118, .025) 38px 39px) !important;
  pointer-events: none;
}
.works-exhibit__scene {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
  transform: none !important;
}
.works-mobius-canvas,
.works-exhibit__orbit,
.works-exhibit__axis,
.works-exhibit__polyhedron,
.works-exhibit__orb,
.works-exhibit__orb-shadow,
.works-exhibit__light-pool {
  display: none !important;
  animation: none !important;
}
.works-tunnel-guides {
  --depth-vp-x: 58%;
  --depth-line-angle: 31deg;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  overflow: hidden !important;
  opacity: .82;
  pointer-events: none;
}
.works-tunnel-guides::before,
.works-tunnel-guides::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: clamp(100px, 16vw, 300px) !important;
  opacity: .44 !important;
  pointer-events: none;
}
.works-tunnel-guides::before {
  left: 0 !important;
  background:
    linear-gradient(
      90deg,
      rgba(15, 39, 53, .34),
      rgba(47, 94, 118, .08) 58%,
      transparent) !important;
}
.works-tunnel-guides::after {
  right: 0 !important;
  background:
    linear-gradient(
      270deg,
      rgba(15, 39, 53, .32),
      rgba(47, 94, 118, .07) 58%,
      transparent) !important;
}
.works-depth-line {
  position: absolute;
  top: 50%;
  left: var(--depth-vp-x);
  width: 82vw;
  height: 1px;
  opacity: .48;
  background:
    linear-gradient(
      90deg,
      rgba(59, 118, 148, .6),
      rgba(106, 166, 194, .22) 52%,
      transparent);
  box-shadow: 0 0 9px rgba(90, 160, 194, .08);
  transform-origin: 0 50%;
}
.works-depth-line--lt {
  transform: rotate(calc(var(--depth-line-angle) * -1));
}
.works-depth-line--lb {
  transform: rotate(var(--depth-line-angle));
}
.works-depth-line--rt {
  transform: translateX(-100%) rotate(var(--depth-line-angle));
  transform-origin: 100% 50%;
}
.works-depth-line--rb {
  transform: translateX(-100%) rotate(calc(var(--depth-line-angle) * -1));
  transform-origin: 100% 50%;
}
.works-tunnel-guides > i {
  position: absolute !important;
  left: var(--depth-vp-x) !important;
  height: 1px !important;
  min-height: 0 !important;
  opacity: .2 !important;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(68, 130, 160, .52) 17%,
      rgba(255, 255, 255, .78) 50%,
      rgba(68, 130, 160, .52) 83%,
      transparent) !important;
  box-shadow: 0 0 8px rgba(97, 167, 199, .08) !important;
  transform: translateX(-50%) !important;
}
.works-tunnel-guides > i:nth-child(1) {
  top: 8% !important;
  width: 94% !important;
}
.works-tunnel-guides > i:nth-child(2) {
  top: 23% !important;
  width: 66% !important;
}
.works-tunnel-guides > i:nth-child(3) {
  top: 38% !important;
  width: 34% !important;
}
.works-tunnel-guides > i:nth-child(4) {
  top: 62% !important;
  width: 34% !important;
}
.works-tunnel-guides > i:nth-child(5) {
  top: 77% !important;
  width: 66% !important;
}
.works-tunnel-guides > i:nth-child(6) {
  top: 92% !important;
  width: 94% !important;
}
.works-depth-vanish {
  position: absolute;
  top: 50%;
  left: 58%;
  z-index: 2;
  width: 7px;
  aspect-ratio: 1;
  border: 1px solid rgba(75, 139, 170, .38);
  border-radius: 50%;
  background: rgba(251, 254, 255, .88);
  box-shadow: 0 0 22px rgba(92, 170, 207, .28);
  transform: translate(-50%, -50%);
}
.works-exhibit .works-grid {
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  display: block !important;
  perspective: none !important;
  transform: none !important;
  transform-style: flat !important;
}
.works-exhibit .work-card,
.works-exhibit .work-card:nth-child(n),
.spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
  --depth-x: 0px;
  --depth-y: 0px;
  --depth-scale: 1;
  --depth-opacity: 1;
  --depth-blur: 0px;
  --depth-light: 1;
  position: absolute !important;
  top: 55% !important;
  left: 58% !important;
  display: block !important;
  width: clamp(270px, 31vw, 520px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  opacity: var(--depth-opacity) !important;
  filter: blur(var(--depth-blur)) brightness(var(--depth-light)) saturate(.96) !important;
  translate: none !important;
  transform: translate3d(calc(-50% + var(--depth-x)), calc(-50% + var(--depth-y)), 0) scale(var(--depth-scale)) !important;
  transform-origin: 50% 50% !important;
  transform-style: flat !important;
  backface-visibility: visible !important;
  transition: none !important;
  will-change:
    transform,
    opacity,
    filter;
}
.works-exhibit .work-card .media {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 5;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .74) !important;
  border-radius: 2px !important;
  background: #d7e4ea !important;
  box-shadow: 0 38px 104px rgba(9, 35, 52, .28), 0 0 0 1px rgba(68, 124, 153, .08) !important;
  transform: none !important;
}
.works-exhibit .work-card .media > img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  transform: scale(1.002) !important;
}
.works-exhibit .work-card[data-depth-current] .media {
  box-shadow:
    0 48px 126px rgba(5, 28, 44, .34),
    0 0 0 1px rgba(88, 158, 194, .3),
    0 0 58px rgba(116, 190, 223, .12) !important;
}
.works-exhibit .work-card figcaption {
  opacity: clamp(0, var(--depth-opacity), 1) !important;
  transform: none !important;
}
.works-exhibit .work-card--empty .media {
  border: 1px dashed rgba(57, 105, 130, .32) !important;
  background:
    linear-gradient(
      145deg,
      rgba(244, 249, 250, .48),
      rgba(198, 217, 226, .25)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .48), 0 30px 86px rgba(19, 51, 69, .1) !important;
}
.works-exhibit .work-card--empty figcaption {
  min-height: 30px;
}
html.local-mode.editing .works-exhibit .work-card--empty .media::after {
  content: "\7a7a\767d\53ef\7f16\8f91\5de2\4f4d";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(29, 74, 98, .58);
  border: 0;
  background: transparent;
  font: 600 9px/1 Arial, sans-serif;
  letter-spacing: .16em;
}
.works-exhibit__hud {
  z-index: 8 !important;
}
.works-exhibit__hud.is-empty-story strong,
.works-exhibit__hud.is-empty-story p {
  min-height: 0 !important;
}
.works-loop-controls {
  z-index: 9 !important;
}
.service-intro__layout {
  display: block !important;
  width: min(100%, 1480px) !important;
  max-width: none !important;
  margin-inline: auto !important;
}
.service-intro__copy {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(26px, 4vw, 64px) clamp(14px, 2vw, 34px);
  width: 100% !important;
  max-width: none !important;
}
.service-intro__header {
  grid-column: 1 / 9;
  max-width: 900px;
}
.service-ball-code-slot {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 0;
  overflow: visible;
}
.service-ball-code-slot > * {
  max-width: 100%;
}
html.local-mode.editing .service-ball-code-slot {
  position: relative;
  min-height: clamp(150px, 18vw, 260px);
  border: 1px dashed rgba(170, 215, 238, .34);
  background: rgba(152, 204, 229, .035);
}
html.local-mode.editing .service-ball-code-slot::before {
  content: "\7528\6237\5c0f\7403\5b8c\6574\4ee3\7801\6302\8f7d\4f4d  \b7  \5f53\524d\4fdd\6301\7a7a\767d";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(201, 230, 244, .46);
  font:
    600 9px/1.5 Arial,
    "Microsoft YaHei",
    sans-serif;
  letter-spacing: .16em;
  text-align: center;
}
.service-plan-list,
.service-extra,
.service-rules,
.makeup-showcase {
  grid-column: 1 / -1;
  width: 100% !important;
}
.service-plan-list {
  padding: clamp(20px, 3vw, 42px) !important;
  border: 1px solid rgba(208, 235, 247, .15);
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .085),
      rgba(118, 180, 210, .035));
  box-shadow: 0 36px 100px rgba(0, 5, 10, .25), inset 0 1px rgba(255, 255, 255, .08);
}
.service-motion-column,
.service-motion {
  display: none !important;
}
@media (max-width: 900px) {
  .works-exhibit__scroll {
    height: clamp(5000px, 760svh, 7800px) !important;
    min-height: 5000px !important;
  }
  .works-tunnel-guides {
    --depth-vp-x: 50%;
    --depth-line-angle: 47deg;
  }
  .works-depth-vanish {
    left: 50%;
  }
  .works-exhibit .work-card,
  .works-exhibit .work-card:nth-child(n),
  .spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
    top: 56% !important;
    left: 50% !important;
    width: min(72vw, 390px) !important;
  }
  .works-exhibit__hud {
    top: max(72px, calc(env(safe-area-inset-top) + 58px)) !important;
    left: max(18px, env(safe-area-inset-left)) !important;
    width: min(78vw, 318px) !important;
  }
  .works-exhibit__hud p {
    display: none !important;
  }
  .works-loop-controls {
    right: max(14px, env(safe-area-inset-right)) !important;
    bottom: max(18px, calc(env(safe-area-inset-bottom) + 14px)) !important;
  }
  .service-intro__copy {
    display: block !important;
  }
  .service-intro__header,
  .service-ball-code-slot,
  .service-plan-list,
  .service-extra,
  .service-rules,
  .makeup-showcase {
    width: 100% !important;
    margin-bottom: clamp(34px, 10vw, 64px) !important;
  }
  .service-ball-code-slot {
    display: block;
    min-height: 0;
  }
  .about-envelope-open {
    top: calc(50% + var(--paper-h) * .72) !important;
    width: 154px !important;
    min-width: 154px !important;
    height: 50px !important;
  }
}
@media (max-width: 520px) {
  .works-exhibit__scroll {
    height: clamp(4700px, 730svh, 7100px) !important;
    min-height: 4700px !important;
  }
  .works-exhibit .work-card,
  .works-exhibit .work-card:nth-child(n),
  .spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
    width: min(76vw, 340px) !important;
  }
  .works-exhibit .work-card figcaption p,
  .works-exhibit .work-card figcaption b {
    display: none !important;
  }
  .works-tunnel-guides > i:nth-child(1),
  .works-tunnel-guides > i:nth-child(6) {
    width: 128% !important;
  }
  .works-tunnel-guides > i:nth-child(2),
  .works-tunnel-guides > i:nth-child(5) {
    width: 88% !important;
  }
  .works-tunnel-guides > i:nth-child(3),
  .works-tunnel-guides > i:nth-child(4) {
    width: 46% !important;
  }
  .len-envelope__letter strong {
    font-size: 21px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-header.is-scrolled,
  .site-header.is-scrolled > *,
  .about-envelope-open {
    transition-duration: .01ms !important;
  }
  .about-envelope-experience.is-awaiting-open .about-envelope-open {
    animation: none !important;
  }
  .works-exhibit .work-card {
    filter: none !important;
  }
}

/* source-site/assets/paper-editorial-v8.css */
:root {
  --paper-v8-ivory: #e9dfc9;
  --paper-v8-warm: #d7c4a2;
  --paper-v8-kraft: #a98153;
  --paper-v8-kraft-dark: #64452d;
  --paper-v8-ink: #2d251e;
  --paper-v8-ink-soft: #665b4e;
  --paper-v8-brass: #a67d45;
  --paper-v8-line: rgba(75, 57, 38, .27);
  --paper-v8-ease: cubic-bezier(.16, 1, .3, 1);
  --paper-v8-fold: cubic-bezier(.32, .02, .14, 1);
}
.about-envelope-experience {
  color: #efe5d2 !important;
  background: rgba(15, 11, 8, 0) !important;
  perspective: 2100px !important;
}
.about-envelope-experience.is-active {
  background: rgba(15, 11, 8, .9) !important;
  -webkit-backdrop-filter: blur(10px) saturate(78%) !important;
  backdrop-filter: blur(10px) saturate(78%) !important;
}
.about-envelope-experience::before {
  background:
    radial-gradient(
      circle at 50% 47%,
      rgba(168, 126, 77, .18),
      transparent 30%),
    radial-gradient(
      circle at 19% 17%,
      rgba(105, 78, 50, .18),
      transparent 37%),
    linear-gradient(
      151deg,
      #0c0907,
      #17110c 48%,
      #080604) !important;
}
.about-envelope-experience::after {
  opacity: .34 !important;
  background:
    linear-gradient(
      112deg,
      transparent 43%,
      rgba(221, 190, 142, .09) 49.8%,
      transparent 56%),
    radial-gradient(
      circle at 50% 58%,
      rgba(145, 105, 62, .1),
      transparent 36%) !important;
  mix-blend-mode: soft-light !important;
}
.len-envelope {
  filter: blur(10px) saturate(.72) !important;
  transform: translate3d(-50%, -49%, -980px) rotateX(8deg) rotateY(-10deg) rotateZ(-2.2deg) scale(.3) !important;
  transition:
    opacity .22s ease,
    filter .76s ease,
    transform 1.02s cubic-bezier(.18, .9, .2, 1.06) !important;
}
.about-envelope-experience.is-approaching .len-envelope {
  filter: blur(0) saturate(.9) !important;
  transform: translate3d(-50%, -49%, 0) rotateX(0) rotateY(0) rotateZ(-.35deg) scale(1) !important;
}
.len-envelope__back,
.len-envelope__letter,
.len-envelope__pocket,
.len-envelope__flap {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 1px !important;
}
.len-envelope__back {
  overflow: hidden !important;
  border: 1px solid rgba(78, 52, 31, .78) !important;
  background:
    radial-gradient(
      circle at 13% 18%,
      rgba(73, 45, 24, .16) 0 .7px,
      transparent 1.4px),
    radial-gradient(
      circle at 71% 64%,
      rgba(255, 241, 207, .14) 0 .8px,
      transparent 1.6px),
    repeating-linear-gradient(
      4deg,
      rgba(74, 49, 28, .045) 0 1px,
      transparent 1px 7px),
    repeating-linear-gradient(
      96deg,
      rgba(255, 245, 220, .04) 0 1px,
      transparent 1px 5px),
    linear-gradient(
      142deg,
      #c5a579,
      #ae895e 48%,
      #8e6946) !important;
  background-size:
    23px 19px,
    31px 27px,
    auto,
    auto,
    auto !important;
  box-shadow:
    inset 0 1px rgba(255, 241, 210, .5),
    inset 0 -2px rgba(80, 53, 31, .5),
    inset 0 -26px 48px rgba(70, 43, 24, .13),
    0 2px 0 #60412a,
    0 39px 94px rgba(0, 0, 0, .5) !important;
}
.len-envelope__back::before {
  content: "" !important;
  position: absolute !important;
  inset: 6px !important;
  border: 1px solid rgba(88, 57, 33, .12) !important;
  background:
    linear-gradient(
      103deg,
      rgba(255, 255, 255, .1),
      transparent 23% 73%,
      rgba(66, 39, 22, .07)),
    radial-gradient(
      ellipse at 44% 4%,
      rgba(255, 235, 194, .13),
      transparent 45%) !important;
  box-shadow: inset 0 0 22px rgba(75, 47, 28, .08) !important;
  mix-blend-mode: multiply !important;
}
.len-envelope__back::after {
  content: "LEN \b7  A LETTER FROM ALAN \b7  NANJING 2026" !important;
  right: 6.5% !important;
  bottom: 7.5% !important;
  color: rgba(62, 42, 27, .54) !important;
  font-family:
    Georgia,
    "Songti SC",
    serif !important;
  font-weight: 500 !important;
  letter-spacing: .18em !important;
  text-shadow: 0 1px rgba(255, 239, 204, .24) !important;
}
.len-envelope__paper-fiber,
.len-envelope__edge-wear {
  position: absolute;
  inset: 0;
  display: block;
  pointer-events: none;
}
.len-envelope__paper-fiber {
  opacity: .31;
  background:
    repeating-linear-gradient(
      178deg,
      transparent 0 4px,
      rgba(54, 34, 20, .08) 4px 5px,
      transparent 5px 11px),
    repeating-linear-gradient(
      87deg,
      transparent 0 7px,
      rgba(255, 243, 217, .1) 7px 8px,
      transparent 8px 15px);
  filter: contrast(120%);
  mix-blend-mode: multiply;
}
.len-envelope__edge-wear {
  inset: 1px;
  opacity: .58;
  border: 1px solid rgba(54, 34, 21, .18);
  background:
    linear-gradient(
      90deg,
      rgba(64, 39, 22, .2),
      transparent 1.2% 98.8%,
      rgba(64, 39, 22, .17)),
    linear-gradient(
      0deg,
      rgba(64, 39, 22, .18),
      transparent 1.4% 98.6%,
      rgba(255, 240, 206, .13));
  clip-path: polygon(0 .8%, 9% 0, 21% .6%, 36% .1%, 50% .7%, 64% .15%, 83% .65%, 100% 0, 99.6% 22%, 100% 48%, 99.5% 71%, 100% 100%, 76% 99.4%, 55% 100%, 33% 99.3%, 13% 100%, 0 99.5%, .5% 76%, 0 53%, .4% 27%);
}
.len-envelope__letter {
  top: 8% !important;
  height: 84% !important;
  overflow: hidden !important;
  color: #3a3026 !important;
  border: 1px solid rgba(108, 84, 54, .42) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(
      circle at 18% 26%,
      rgba(87, 62, 36, .11) 0 .6px,
      transparent 1.4px),
    radial-gradient(
      circle at 74% 62%,
      rgba(255, 250, 229, .35) 0 .7px,
      transparent 1.5px),
    repeating-linear-gradient(
      2deg,
      rgba(98, 76, 49, .024) 0 1px,
      transparent 1px 6px),
    linear-gradient(
      124deg,
      #f1e8d4,
      #e5d7bc 56%,
      #cfbb98) !important;
  background-size:
    27px 23px,
    35px 31px,
    auto,
    auto !important;
  box-shadow:
    0 18px 42px rgba(24, 15, 8, .3),
    inset 0 1px rgba(255, 252, 237, .72),
    inset 0 -1px rgba(90, 65, 39, .28) !important;
  transform: translate3d(0, 4%, 4px) rotateZ(.08deg);
}
.len-envelope__letter::before {
  content: "ABOUT ALAN \b7  LEN PHOTOGRAPHY" !important;
  color: rgba(69, 50, 32, .6) !important;
  font-family:
    Georgia,
    "Songti SC",
    serif !important;
  letter-spacing: .22em !important;
}
.len-envelope__letter strong {
  color: #34291f !important;
  font-size: clamp(22px, 3.2vw, 46px) !important;
  letter-spacing: -.04em !important;
  text-shadow: 0 1px rgba(255, 249, 226, .58) !important;
}
.len-envelope__letter > span {
  background: rgba(78, 57, 35, .32) !important;
  box-shadow: 0 1px rgba(255, 248, 226, .54);
}
.len-envelope__letter small {
  color: rgba(62, 45, 29, .58) !important;
}
.len-envelope__letter-crease {
  position: absolute;
  right: 0;
  left: 0;
  height: 2px;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(91, 66, 40, .17),
      rgba(255, 249, 228, .38) 55%,
      transparent);
  box-shadow: 0 4px 10px rgba(77, 51, 27, .05);
}
.len-envelope__letter-crease--top {
  top: 33.333%;
}
.len-envelope__letter-crease--bottom {
  top: 66.666%;
}
.len-envelope__pocket {
  border-radius: 0 !important;
  background:
    radial-gradient(
      circle at 21% 68%,
      rgba(61, 38, 22, .11) 0 .7px,
      transparent 1.4px),
    repeating-linear-gradient(
      5deg,
      rgba(70, 43, 24, .04) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      146deg,
      #b99568,
      #a37b51 62%,
      #825d3c) !important;
  background-size:
    29px 25px,
    auto,
    auto !important;
  box-shadow:
    inset 0 1px rgba(255, 235, 198, .38),
    inset 0 -2px rgba(74, 45, 25, .35),
    inset 0 -24px 42px rgba(65, 38, 21, .12) !important;
}
.len-envelope__pocket::before {
  border-left-color: rgba(255, 230, 187, .3) !important;
  background:
    linear-gradient(
      125deg,
      rgba(231, 204, 163, .3),
      rgba(92, 59, 34, .04)) !important;
}
.len-envelope__pocket::after {
  border-right-color: rgba(69, 43, 24, .27) !important;
  background:
    linear-gradient(
      230deg,
      rgba(193, 157, 107, .24),
      rgba(70, 43, 24, .08)) !important;
}
.len-envelope__flap {
  border-radius: 0 !important;
  background:
    radial-gradient(
      circle at 72% 24%,
      rgba(70, 43, 24, .12) 0 .6px,
      transparent 1.4px),
    repeating-linear-gradient(
      4deg,
      rgba(67, 41, 23, .035) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      168deg,
      #c5a579,
      #a9855b 64%,
      #795536) !important;
  background-size:
    27px 23px,
    auto,
    auto !important;
  box-shadow:
    inset 0 1px rgba(255, 238, 204, .56),
    inset 0 -2px rgba(64, 38, 21, .34),
    0 7px 17px rgba(43, 26, 15, .2) !important;
}
.len-envelope__flap::after {
  content: "";
  position: absolute;
  inset: 2px;
  opacity: .65;
  background:
    linear-gradient(
      158deg,
      rgba(255, 241, 210, .13),
      transparent 35%,
      rgba(67, 40, 22, .1));
  clip-path: inherit;
  pointer-events: none;
}
.len-envelope__seal {
  color: rgba(246, 224, 184, .9) !important;
  border: 1px solid rgba(92, 55, 29, .74) !important;
  background:
    radial-gradient(
      circle at 31% 25%,
      rgba(255, 220, 170, .32),
      transparent 18%),
    linear-gradient(
      145deg,
      #835735,
      #55331e 62%,
      #2d1b12) !important;
  box-shadow:
    0 8px 19px rgba(24, 13, 7, .4),
    inset 0 0 0 3px rgba(238, 201, 143, .08),
    inset 0 1px rgba(255, 221, 172, .3) !important;
  font-family: Georgia, serif !important;
}
.about-envelope-open {
  top: calc(50% + var(--paper-h) * .7) !important;
  width: clamp(154px, 13vw, 192px) !important;
  min-width: 154px !important;
  height: clamp(49px, 4.1vw, 58px) !important;
  min-height: 49px !important;
  color: #eee1ca !important;
  border: 1px solid rgba(159, 124, 82, .56) !important;
  border-radius: 2px !important;
  background:
    repeating-linear-gradient(
      5deg,
      rgba(255, 235, 200, .035) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      145deg,
      rgba(104, 76, 47, .92),
      rgba(57, 39, 25, .96)) !important;
  box-shadow:
    0 17px 46px rgba(0, 0, 0, .46),
    inset 0 1px rgba(255, 226, 181, .2),
    inset 0 -2px rgba(18, 11, 7, .3) !important;
  font-family:
    Georgia,
    "Songti SC",
    serif !important;
  letter-spacing: .14em !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.about-envelope-open::before {
  inset: 1px !important;
  border-radius: 0 !important;
  background:
    linear-gradient(
      102deg,
      transparent 25%,
      rgba(235, 210, 169, .13) 49%,
      transparent 73%) !important;
}
.about-envelope-open::after {
  inset: -10px !important;
  border: 1px dashed rgba(190, 153, 104, .72) !important;
  border-radius: 3px !important;
  box-shadow: 0 0 0 4px rgba(123, 86, 50, .055) !important;
}
.about-envelope-open:hover,
.about-envelope-open:focus-visible {
  color: #fff3dc !important;
  border-color: rgba(219, 180, 127, .8) !important;
  box-shadow:
    0 23px 58px rgba(0, 0, 0, .54),
    0 0 26px rgba(154, 112, 65, .15),
    inset 0 1px rgba(255, 226, 181, .26) !important;
}
.about-envelope-experience.is-opening .len-envelope__flap {
  animation: paper-v8-flap-open .74s var(--paper-v8-fold) forwards !important;
}
.about-envelope-experience.is-opening .len-envelope__letter {
  animation: paper-v8-letter-lift .78s var(--paper-v8-ease) .16s forwards !important;
}
.about-envelope-experience.is-closing-to-about .len-envelope {
  animation: paper-v8-envelope-handoff .86s cubic-bezier(.55, .02, .3, 1) forwards !important;
}
.about-envelope-experience.is-completing {
  transition-duration: .72s !important;
}
@keyframes paper-v8-flap-open {
  0% {
    z-index: 5;
    transform: rotateX(0deg) translateZ(0);
    filter: brightness(1);
  }
  34% {
    z-index: 5;
    transform: rotateX(64deg) translateZ(9px) scaleY(.985);
    filter: brightness(.92);
  }
  68% {
    z-index: 1;
    transform: rotateX(184deg) translateZ(3px) scaleY(.97);
    filter: brightness(.78);
  }
  84% {
    z-index: 0;
    transform: rotateX(163deg) translateZ(1px) scaleY(.982);
    filter: brightness(.84);
  }
  100% {
    z-index: 0;
    transform: rotateX(171deg) translateZ(0) scaleY(.98);
    filter: brightness(.82);
  }
}
@keyframes paper-v8-letter-lift {
  0% {
    z-index: 2;
    transform: translate3d(0, 4%, 4px) rotateX(0) rotateZ(.12deg) scaleY(.985);
  }
  30% {
    z-index: 3;
    transform: translate3d(-.5%, -4%, 17px) rotateX(-1.1deg) rotateZ(-.28deg) scaleY(.992);
  }
  67% {
    z-index: 6;
    transform: translate3d(.55%, -42%, 41px) rotateX(1.7deg) rotateZ(.36deg) scaleY(1);
  }
  86% {
    z-index: 7;
    transform: translate3d(-.2%, -61%, 54px) rotateX(-.7deg) rotateZ(-.13deg) scale(1.013, .997);
  }
  100% {
    z-index: 7;
    transform: translate3d(0, -57%, 48px) rotateX(0) rotateZ(.05deg) scale(1.008);
  }
}
@keyframes paper-v8-envelope-handoff {
  0% {
    opacity: 1;
    filter: blur(0) saturate(.9);
    transform: translate3d(-50%, -49%, 0) rotateX(0) rotateY(0) rotateZ(-.35deg) scale(1);
  }
  32% {
    opacity: 1;
    transform: translate3d(-50%, -52%, 78px) rotateX(-1.5deg) rotateY(1deg) rotateZ(.2deg) scale(1.025);
  }
  68% {
    opacity: .76;
    filter: blur(1.5px) saturate(.82);
    transform: translate3d(-50%, -57%, -150px) rotateX(4deg) rotateY(-3deg) rotateZ(-1deg) scale(.83);
  }
  100% {
    opacity: 0;
    filter: blur(7px) saturate(.66);
    transform: translate3d(-50%, -61%, -620px) rotateX(8deg) rotateY(-6deg) rotateZ(-2deg) scale(.44);
  }
}
.about {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  color: var(--paper-v8-ink) !important;
  background:
    radial-gradient(
      circle at 14% 17%,
      rgba(94, 66, 36, .09) 0 .65px,
      transparent 1.4px),
    radial-gradient(
      circle at 73% 61%,
      rgba(255, 251, 232, .52) 0 .7px,
      transparent 1.5px),
    repeating-linear-gradient(
      2deg,
      rgba(95, 69, 42, .02) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      135deg,
      #eee4d0 0%,
      #e6d8bd 54%,
      #d4c09d 100%) !important;
  background-size:
    29px 25px,
    37px 33px,
    auto,
    auto !important;
  box-shadow:
    inset 0 1px rgba(255, 253, 239, .82),
    inset 0 -1px rgba(94, 66, 37, .22),
    inset 0 0 120px rgba(105, 75, 42, .1) !important;
}
.about::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .32;
  pointer-events: none;
  background:
    repeating-linear-gradient(
      178deg,
      transparent 0 6px,
      rgba(77, 52, 29, .04) 6px 7px,
      transparent 7px 15px),
    repeating-linear-gradient(
      89deg,
      transparent 0 9px,
      rgba(255, 248, 224, .16) 9px 10px,
      transparent 10px 18px);
  mix-blend-mode: multiply;
}
.about::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  opacity: .32 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      180deg,
      transparent 33.1%,
      rgba(90, 62, 34, .14) 33.25%,
      rgba(255, 251, 232, .32) 33.45%,
      transparent 33.7%),
    linear-gradient(
      180deg,
      transparent 66.1%,
      rgba(90, 62, 34, .13) 66.25%,
      rgba(255, 251, 232, .28) 66.45%,
      transparent 66.7%) !important;
  box-shadow: none !important;
}
.about > .about__visual,
.about > .about__copy {
  position: relative;
  z-index: 4;
}
.about__portrait {
  border: 1px solid rgba(76, 55, 34, .28) !important;
  border-radius: 0 !important;
  background: #c8b48f !important;
  box-shadow: 0 29px 68px rgba(58, 40, 23, .2), 0 2px 0 rgba(255, 250, 229, .52) inset !important;
}
.about__portrait::after {
  border-color: rgba(255, 247, 222, .28) !important;
  background:
    linear-gradient(
      140deg,
      rgba(255, 244, 216, .09),
      transparent 29%,
      rgba(66, 43, 24, .08)) !important;
}
.about__copy .eyebrow,
.about__index,
.about__bio {
  color: var(--paper-v8-ink-soft) !important;
}
.about__role::before {
  background: var(--paper-v8-brass) !important;
}
.about__facts {
  border-color: rgba(75, 55, 34, .22) !important;
  background: rgba(75, 55, 34, .2) !important;
}
.about__facts span {
  color: #6e604f !important;
  background: rgba(235, 224, 201, .88) !important;
}
.about__facts span:hover {
  color: #f0e4ce !important;
  background: #3d3127 !important;
}
.about-letter-folds {
  position: absolute;
  inset: clamp(34px, 5vw, 76px) clamp(20px, 6vw, 108px);
  z-index: 3;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  opacity: 0;
  pointer-events: none;
  perspective: 1800px;
  transform: translate3d(0, 0, 110px) scaleY(.16);
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
}
.about-letter-fold {
  position: relative;
  display: block;
  border-right: 1px solid rgba(87, 62, 35, .22);
  border-left: 1px solid rgba(255, 251, 234, .42);
  background:
    radial-gradient(
      circle at 21% 31%,
      rgba(78, 52, 29, .08) 0 .65px,
      transparent 1.4px),
    repeating-linear-gradient(
      2deg,
      rgba(83, 57, 32, .025) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      135deg,
      #efe5d1,
      #dfcfb1 61%,
      #cbb38d);
  background-size:
    31px 27px,
    auto,
    auto;
  box-shadow: 0 14px 38px rgba(68, 45, 25, .15);
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.about-letter-fold--top {
  border-top: 1px solid rgba(89, 63, 37, .26);
  transform-origin: 50% 100%;
  transform: rotateX(82deg);
}
.about-letter-fold--middle {
  z-index: 2;
  border-top: 1px solid rgba(255, 249, 226, .42);
  border-bottom: 1px solid rgba(85, 59, 33, .2);
  transform: rotateX(-7deg) translateZ(8px);
}
.about-letter-fold--bottom {
  border-bottom: 1px solid rgba(85, 59, 33, .3);
  transform-origin: 50% 0;
  transform: rotateX(-82deg);
}
.about.about-story-armed:not(.about-story-complete) > .about__visual,
.about.about-story-armed:not(.about-story-complete) > .about__copy,
.about.is-about-story-awaiting > .about__visual,
.about.is-about-story-awaiting > .about__copy {
  opacity: 0 !important;
  filter: blur(6px) saturate(.72) !important;
  clip-path: inset(48% 0 48% 0) !important;
  transform: translate3d(0, 16px, -80px) scale(.985) !important;
}
.about.is-about-story-awaiting .about-letter-folds {
  opacity: 1;
}
.about.is-about-letter-unfolding .about-letter-folds {
  opacity: 1;
  animation: paper-v8-sheet-unfold 1.72s var(--paper-v8-fold) both;
}
.about.is-about-letter-unfolding .about-letter-fold--top {
  animation: paper-v8-fold-top 1.42s var(--paper-v8-fold) .1s both;
}
.about.is-about-letter-unfolding .about-letter-fold--middle {
  animation: paper-v8-fold-middle 1.32s var(--paper-v8-fold) .16s both;
}
.about.is-about-letter-unfolding .about-letter-fold--bottom {
  animation: paper-v8-fold-bottom 1.48s var(--paper-v8-fold) .22s both;
}
.about.is-about-letter-unfolding > .about__visual,
.about.is-about-letter-unfolding > .about__copy {
  animation: paper-v8-printed-content 1.18s var(--paper-v8-ease) .98s both !important;
}
.about.is-about-letter-unfolding > .about__copy {
  animation-delay: 1.1s !important;
}
.about.is-about-letter-open .about-letter-folds {
  visibility: hidden;
  opacity: 0;
}
@keyframes paper-v8-sheet-unfold {
  0% {
    opacity: 1;
    filter: blur(1.5px);
    transform: translate3d(0, 10px, 120px) scale(.72, .16) rotateX(-7deg);
  }
  29% {
    opacity: 1;
    filter: none;
    transform: translate3d(0, 4px, 94px) scale(.84, .35) rotateX(-3deg);
  }
  66% {
    opacity: 1;
    transform: translate3d(0, 0, 38px) scale(.96, .82) rotateX(1deg);
  }
  87% {
    opacity: 1;
    transform: translate3d(0, 0, 5px) scale(1.003, 1.012) rotateX(0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1) rotateX(0);
  }
}
@keyframes paper-v8-fold-top {
  0% {
    filter: brightness(.8);
    transform: rotateX(84deg) translateZ(4px);
  }
  54% {
    filter: brightness(.94);
    transform: rotateX(-7deg) translateZ(16px);
  }
  78% {
    filter: brightness(1.01);
    transform: rotateX(3deg) translateZ(4px);
  }
  100% {
    filter: brightness(1);
    transform: rotateX(0) translateZ(0);
  }
}
@keyframes paper-v8-fold-middle {
  0% {
    filter: brightness(.86);
    transform: rotateX(-9deg) translateZ(12px) scaleY(.96);
  }
  68% {
    filter: brightness(1.02);
    transform: rotateX(2deg) translateZ(3px) scaleY(1.006);
  }
  100% {
    filter: brightness(1);
    transform: rotateX(0) translateZ(0) scaleY(1);
  }
}
@keyframes paper-v8-fold-bottom {
  0% {
    filter: brightness(.77);
    transform: rotateX(-84deg) translateZ(4px);
  }
  55% {
    filter: brightness(.93);
    transform: rotateX(8deg) translateZ(15px);
  }
  80% {
    filter: brightness(1.02);
    transform: rotateX(-3deg) translateZ(4px);
  }
  100% {
    filter: brightness(1);
    transform: rotateX(0) translateZ(0);
  }
}
@keyframes paper-v8-printed-content {
  0% {
    opacity: 0;
    filter: blur(5px) sepia(.25);
    clip-path: inset(42% 0 42% 0);
    transform: translate3d(0, 36px, -36px) scale(.987);
  }
  52% {
    opacity: .72;
    filter: blur(1.8px) sepia(.12);
    clip-path: inset(8% 0 7% 0);
    transform: translate3d(0, 12px, -8px) scale(.997);
  }
  100% {
    opacity: 1;
    filter: none;
    clip-path: inset(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.works-exhibit {
  overflow: clip !important;
  color: var(--paper-v8-ink) !important;
  background:
    radial-gradient(
      circle at 58% 50%,
      rgba(255, 250, 231, .86) 0 5%,
      rgba(190, 164, 122, .14) 25%,
      transparent 50%),
    radial-gradient(
      circle at 19% 22%,
      rgba(94, 65, 35, .08) 0 .7px,
      transparent 1.5px),
    repeating-linear-gradient(
      2deg,
      rgba(87, 60, 34, .018) 0 1px,
      transparent 1px 8px),
    linear-gradient(
      145deg,
      #eee5d2 0%,
      #e2d4b8 53%,
      #cdb894 100%) !important;
  background-size:
    auto,
    31px 27px,
    auto,
    auto !important;
}
.works-exhibit__intro .eyebrow,
.works-exhibit__intro > p {
  color: var(--paper-v8-ink-soft) !important;
}
.works-chapters {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: min(100%, 1500px);
  margin: clamp(-10px, -1vw, 0px) auto clamp(72px, 9vw, 132px);
  border-top: 1px solid rgba(77, 57, 35, .28);
  border-bottom: 1px solid rgba(255, 250, 231, .48);
}
.works-chapter {
  position: relative;
  min-height: clamp(250px, 24vw, 372px);
  padding: clamp(26px, 3.5vw, 54px) clamp(20px, 3vw, 46px) clamp(30px, 4vw, 62px);
  border-right: 1px solid rgba(78, 57, 34, .16);
  background:
    linear-gradient(
      180deg,
      rgba(255, 251, 235, .22),
      rgba(113, 79, 43, .025)),
    repeating-linear-gradient(
      178deg,
      transparent 0 8px,
      rgba(81, 56, 31, .018) 8px 9px,
      transparent 9px 17px);
  transition:
    color .65s ease,
    background .65s ease,
    box-shadow .65s ease;
}
.works-chapter:first-child {
  border-left: 1px solid rgba(255, 250, 233, .32);
}
.works-chapter::before {
  content: "";
  position: absolute;
  top: -1px;
  left: clamp(20px, 3vw, 46px);
  width: 42px;
  height: 2px;
  background: #80613e;
  transform: scaleX(.26);
  transform-origin: left;
  transition:
    width .65s var(--paper-v8-ease),
    transform .65s var(--paper-v8-ease),
    background .65s ease;
}
.works-chapter[data-chapter-active] {
  background:
    linear-gradient(
      180deg,
      rgba(255, 251, 235, .38),
      rgba(113, 79, 43, .045)),
    repeating-linear-gradient(
      178deg,
      transparent 0 8px,
      rgba(81, 56, 31, .022) 8px 9px,
      transparent 9px 17px);
  box-shadow: inset 0 -28px 48px rgba(101, 72, 41, .035);
}
.works-chapter[data-chapter-active]::before {
  width: 72px;
  background: var(--paper-v8-brass);
  transform: scaleX(1);
}
.works-chapter > span {
  display: block;
  color: rgba(75, 56, 36, .5);
  font: 600 clamp(7px, .56vw, 9px)/1.5 Arial, sans-serif;
  letter-spacing: .2em;
}
.works-chapter h3 {
  margin: clamp(38px, 5vw, 74px) 0 20px;
  font:
    400 clamp(33px, 3.7vw, 58px)/.98 Georgia,
    "Songti SC",
    "STSong",
    serif;
  letter-spacing: .05em;
}
.works-chapter p {
  max-width: 36em;
  margin: 0;
  color: rgba(57, 45, 33, .7);
  font-size: clamp(12px, .88vw, 14px);
  line-height: 2;
  text-align: justify;
}
.works-exhibit__scroll {
  height: clamp(3300px, 430svh, 5200px) !important;
  min-height: 3300px !important;
}
.works-exhibit__sticky {
  color: var(--paper-v8-ink) !important;
  background:
    radial-gradient(
      circle at 58% 51%,
      rgba(255, 250, 233, .77),
      rgba(226, 211, 181, .31) 35%,
      transparent 64%),
    linear-gradient(
      145deg,
      rgba(238, 229, 210, .94),
      rgba(215, 198, 164, .88)) !important;
  perspective: 1900px !important;
  perspective-origin: 58% 52% !important;
}
.works-exhibit__sticky::before {
  z-index: 3 !important;
  background:
    linear-gradient(
      90deg,
      rgba(55, 39, 25, .29) 0,
      rgba(88, 65, 41, .11) 10%,
      transparent 28% 74%,
      rgba(88, 65, 41, .1) 91%,
      rgba(55, 39, 25, .27) 100%),
    linear-gradient(
      180deg,
      rgba(62, 44, 28, .1),
      transparent 22% 80%,
      rgba(62, 44, 28, .11)) !important;
  box-shadow:
    inset 13vw 0 18vw -12vw rgba(51, 35, 22, .43),
    inset -13vw 0 18vw -12vw rgba(51, 35, 22, .4),
    inset 0 1px rgba(255, 250, 233, .5) !important;
}
.works-exhibit__sticky::after {
  z-index: 1 !important;
  opacity: .78;
  background:
    radial-gradient(
      ellipse at 58% 50%,
      transparent 0 26%,
      rgba(126, 99, 63, .05) 48%,
      rgba(106, 79, 48, .16) 100%),
    repeating-linear-gradient(
      90deg,
      transparent 0 42px,
      rgba(76, 53, 31, .022) 42px 43px) !important;
}
.works-tunnel-guides {
  --depth-vp-x: 58%;
  opacity: .72 !important;
}
.works-tunnel-guides::before {
  background:
    linear-gradient(
      90deg,
      rgba(63, 44, 28, .27),
      rgba(87, 64, 42, .07) 58%,
      transparent) !important;
}
.works-tunnel-guides::after {
  background:
    linear-gradient(
      270deg,
      rgba(63, 44, 28, .26),
      rgba(87, 64, 42, .065) 58%,
      transparent) !important;
}
.works-depth-line {
  height: 2px !important;
  opacity: .46 !important;
  background:
    linear-gradient(
      180deg,
      rgba(79, 56, 34, .3),
      rgba(255, 249, 227, .38) 50%,
      transparent) !important;
  box-shadow: 0 5px 11px rgba(70, 47, 28, .045) !important;
}
.works-tunnel-guides > i {
  opacity: .18 !important;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(88, 64, 40, .48) 0 7px,
      transparent 7px 25px) !important;
  box-shadow: 1px 0 rgba(255, 248, 224, .28) !important;
}
.works-depth-vanish {
  border-color: rgba(111, 82, 49, .36) !important;
  background: rgba(239, 228, 206, .82) !important;
  box-shadow: 0 0 19px rgba(129, 95, 55, .18), inset 0 1px rgba(255, 252, 236, .66) !important;
}
.works-exhibit .work-card,
.works-exhibit .work-card:nth-child(n),
.spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
  --depth-x: 0px;
  --depth-y: 0px;
  --depth-scale: 1;
  --depth-opacity: 0;
  --depth-blur: 0px;
  --depth-light: 1;
  --page-rotate-y: 0deg;
  --page-rotate-z: 0deg;
  top: 55% !important;
  left: 58% !important;
  opacity: var(--depth-opacity) !important;
  filter: blur(var(--depth-blur)) brightness(var(--depth-light)) saturate(.91) sepia(.035) !important;
  transform: translate3d(calc(-50% + var(--depth-x)), calc(-50% + var(--depth-y)), 0) rotateY(var(--page-rotate-y)) rotateZ(var(--page-rotate-z)) scale(var(--depth-scale)) !important;
  transform-origin: 50% 54% !important;
  transition: none !important;
  will-change:
    transform,
    opacity,
    filter;
}
.works-exhibit .work-card .media {
  overflow: hidden !important;
  border: 1px solid rgba(76, 55, 34, .28) !important;
  border-radius: 0 !important;
  background: #cdbb98 !important;
  box-shadow:
    0 39px 91px rgba(54, 37, 22, .27),
    0 2px 0 rgba(255, 251, 233, .44) inset,
    0 -1px 0 rgba(65, 43, 25, .16) inset !important;
}
.works-exhibit .work-card .media::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  opacity: .34 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      112deg,
      rgba(255, 246, 218, .08),
      transparent 28% 71%,
      rgba(60, 41, 24, .075)),
    repeating-linear-gradient(
      178deg,
      transparent 0 9px,
      rgba(79, 53, 30, .018) 9px 10px,
      transparent 10px 19px) !important;
  mix-blend-mode: multiply;
}
.works-exhibit .work-card[data-depth-current] .media {
  box-shadow:
    0 48px 108px rgba(48, 32, 19, .33),
    0 2px 0 rgba(255, 251, 233, .5) inset,
    0 0 0 1px rgba(133, 97, 54, .11) !important;
}
.works-exhibit .work-card figcaption {
  color: rgba(52, 42, 31, .78) !important;
  text-shadow: 0 1px rgba(255, 248, 225, .42);
}
.works-exhibit .work-card--empty .media {
  border-color: rgba(80, 57, 34, .25) !important;
  background:
    repeating-linear-gradient(
      2deg,
      rgba(77, 53, 31, .022) 0 1px,
      transparent 1px 8px),
    linear-gradient(
      145deg,
      rgba(239, 229, 208, .72),
      rgba(193, 168, 126, .38)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 250, 230, .32), 0 29px 70px rgba(61, 42, 25, .11) !important;
}
.works-exhibit__hud {
  z-index: 8 !important;
  padding: 0 !important;
  color: rgba(54, 43, 31, .78) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  text-shadow: 0 1px rgba(255, 249, 229, .46);
}
.works-exhibit__hud::after {
  content: "";
  position: absolute;
  top: calc(50% + 8px);
  left: calc(100% + clamp(20px, 3vw, 52px));
  width: clamp(150px, 23vw, 390px);
  height: 2px;
  opacity: .4;
  background:
    linear-gradient(
      180deg,
      rgba(80, 58, 36, .33),
      rgba(255, 250, 232, .4) 55%,
      transparent);
  box-shadow: 0 4px 10px rgba(62, 42, 24, .04);
  transform: rotate(-1.4deg);
  transform-origin: left;
  pointer-events: none;
}
.works-exhibit__hud > span,
.works-exhibit__hud b,
.works-exhibit__hud em {
  color: rgba(77, 59, 39, .58) !important;
}
.works-exhibit__hud strong {
  color: var(--paper-v8-ink) !important;
  font-family:
    Georgia,
    "Songti SC",
    "STSong",
    serif !important;
}
.works-exhibit__hud p {
  color: rgba(55, 45, 34, .72) !important;
}
.works-exhibit__hud.is-story-changing strong,
.works-exhibit__hud.is-story-changing p {
  animation: paper-v8-hud-fade .76s var(--paper-v8-ease) both !important;
}
@keyframes paper-v8-hud-fade {
  0% {
    opacity: .14;
    filter: blur(4px);
    transform: translate3d(0, 9px, -18px);
  }
  100% {
    opacity: 1;
    filter: none;
    transform: translate3d(0, 0, 0);
  }
}
.works-depth-indicator {
  display: grid;
  gap: 10px;
  width: clamp(188px, 27vw, 430px);
  margin-top: clamp(21px, 2.4vw, 36px);
}
.works-depth-indicator__track {
  --indicator-progress: 0;
  position: relative;
  display: block;
  width: 100%;
  height: 12px;
}
.works-depth-indicator__track::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 2px;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(82, 59, 36, .42) 0 1px,
      transparent 1px 16.5%),
    linear-gradient(
      180deg,
      rgba(75, 54, 33, .31),
      rgba(255, 250, 230, .44) 55%,
      transparent);
  box-shadow: 0 4px 10px rgba(61, 41, 24, .04);
  transform: translateY(-50%);
}
#works-depth-indicator-ball {
  position: absolute;
  top: 50%;
  left: calc(var(--indicator-progress) * 100%);
  display: block;
  width: 12px;
  aspect-ratio: 1;
  border: 1px solid rgba(76, 49, 25, .5);
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 31% 27%,
      #f5ddaa 0 8%,
      #c69b5e 26%,
      #8a6137 67%,
      #4f321e);
  box-shadow:
    0 5px 11px rgba(54, 34, 19, .24),
    0 0 15px rgba(169, 120, 61, .16),
    inset 0 1px rgba(255, 235, 191, .68);
  transform: translate(-50%, -50%);
  transition:
    left .86s var(--paper-v8-ease),
    box-shadow .5s ease,
    transform .5s var(--paper-v8-ease);
}
.works-exhibit__sticky.is-page-turning #works-depth-indicator-ball {
  box-shadow:
    0 7px 15px rgba(54, 34, 19, .3),
    0 0 21px rgba(169, 120, 61, .24),
    inset 0 1px rgba(255, 235, 191, .72);
  transform: translate(-50%, -50%) scale(1.12);
}
.works-depth-indicator small {
  color: rgba(77, 58, 38, .55);
  font: 600 8px/1.5 Arial, sans-serif;
  letter-spacing: .15em;
  transition: color .35s ease, transform .5s var(--paper-v8-ease);
}
.works-exhibit__sticky.is-awaiting-second .works-depth-indicator small {
  color: rgba(74, 48, 25, .82);
  transform: translateX(6px);
}
.works-loop-controls {
  color: rgba(51, 39, 28, .75) !important;
  border-color: rgba(75, 54, 34, .26) !important;
  border-radius: 2px !important;
  background: rgba(229, 216, 192, .66) !important;
  box-shadow: 0 12px 27px rgba(58, 39, 22, .12), inset 0 1px rgba(255, 249, 229, .55) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.works-loop-controls button {
  color: rgba(53, 39, 27, .78) !important;
}
.works-loop-controls button:hover,
.works-loop-controls button:focus-visible {
  color: #241b14 !important;
  background: rgba(168, 130, 81, .14) !important;
}
@media (min-width: 901px) {
  .works-exhibit__hud {
    top: 53% !important;
    left: clamp(46px, 7vw, 132px) !important;
    width: min(35vw, 540px) !important;
    transform: translateY(-50%) !important;
  }
  .works-exhibit .work-card,
  .works-exhibit .work-card:nth-child(n),
  .spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
    top: 54% !important;
    left: 68% !important;
    width: min(35vw, 540px) !important;
  }
}
@media (max-width: 900px) {
  .about-envelope-experience {
    --paper-w: min(78vw, 390px) !important;
  }
  .about-envelope-open {
    top: calc(50% + var(--paper-h) * .75) !important;
    width: 164px !important;
    min-width: 164px !important;
  }
  .about-letter-folds {
    inset: 28px 16px;
  }
  .works-chapters {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: min(82vw, 390px);
    gap: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .works-chapters::-webkit-scrollbar {
    display: none;
  }
  .works-chapter {
    min-height: 294px;
    scroll-snap-align: start;
    border-left: 1px solid rgba(255, 250, 233, .3);
  }
  .works-exhibit__scroll {
    height: clamp(3600px, 500svh, 5400px) !important;
    min-height: 3600px !important;
  }
  .works-exhibit__hud {
    top: max(80px, calc(env(safe-area-inset-top) + 64px)) !important;
    left: max(20px, env(safe-area-inset-left)) !important;
    width: min(74vw, 330px) !important;
    transform: none !important;
  }
  .works-exhibit__hud::after {
    top: calc(100% + 15px);
    left: 0;
    width: min(58vw, 260px);
  }
  .works-exhibit .work-card,
  .works-exhibit .work-card:nth-child(n),
  .spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
    top: 60% !important;
    left: 54% !important;
    width: min(72vw, 390px) !important;
  }
  .works-depth-indicator {
    width: min(56vw, 260px);
  }
}
@media (max-width: 560px) {
  .about {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .about-letter-folds {
    inset: 18px 10px;
  }
  .about-envelope-experience {
    --paper-w: min(84vw, 344px) !important;
  }
  .len-envelope__letter strong {
    font-size: 20px !important;
  }
  .works-chapter {
    min-height: 315px;
    padding: 29px 25px 38px;
  }
  .works-chapter h3 {
    margin-top: 48px;
    font-size: 39px;
  }
  .works-chapter p {
    font-size: 12px;
    line-height: 1.85;
  }
  .works-exhibit__scroll {
    height: clamp(3400px, 485svh, 5000px) !important;
    min-height: 3400px !important;
  }
  .works-exhibit__hud {
    width: min(76vw, 306px) !important;
  }
  .works-exhibit__hud p {
    display: none !important;
  }
  .works-exhibit__hud em {
    display: none !important;
  }
  .works-depth-indicator {
    margin-top: 17px;
  }
  .works-exhibit .work-card,
  .works-exhibit .work-card:nth-child(n),
  .spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
    top: 61% !important;
    left: 52% !important;
    width: min(76vw, 340px) !important;
  }
}
html[data-quality=low] .len-envelope__paper-fiber,
html[data-quality=low] .about::before,
html[data-quality=low] .works-exhibit .work-card .media::before {
  display: none !important;
}
html[data-quality=low] .about-letter-fold,
html[data-quality=low] .len-envelope,
html[data-quality=low] .len-envelope__letter {
  filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .about.is-about-letter-unfolding .about-letter-folds,
  .about.is-about-letter-unfolding .about-letter-fold,
  .about.is-about-letter-unfolding > .about__visual,
  .about.is-about-letter-unfolding > .about__copy {
    animation-duration: .01ms !important;
    animation-delay: 0s !important;
  }
  #works-depth-indicator-ball {
    transition-duration: .01ms !important;
  }
}

/* source-site/assets/blue-continuity-v9.css */
:root {
  --v9-ease-soft: cubic-bezier(.45, 0, .25, 1);
  --v9-ease-out: cubic-bezier(.22, .61, .36, 1);
  --v9-ease-inout: cubic-bezier(.65, 0, .35, 1);
  --v9-ink: #0b2437;
  --v9-ink-soft: rgba(25, 67, 94, .7);
  --v9-blue: #79b9d9;
  --v9-blue-deep: #0b2538;
  --v9-blue-line: rgba(67, 137, 173, .34);
}
.about-envelope-experience {
  transition:
    opacity .72s var(--v9-ease-soft),
    background .72s var(--v9-ease-soft),
    -webkit-backdrop-filter .72s var(--v9-ease-soft),
    backdrop-filter .72s var(--v9-ease-soft) !important;
}
.about-envelope-experience::before {
  transition:
    opacity .78s var(--v9-ease-soft),
    filter .78s var(--v9-ease-soft),
    transform .78s var(--v9-ease-soft) !important;
}
.len-envelope {
  transition:
    opacity .38s var(--v9-ease-soft),
    filter .9s var(--v9-ease-soft),
    transform 1.08s var(--v9-ease-out) !important;
}
.about-envelope-shadow {
  transition: opacity .76s var(--v9-ease-soft), transform 1.02s var(--v9-ease-out) !important;
}
.about-envelope-open {
  transition:
    opacity .5s var(--v9-ease-soft),
    transform .66s var(--v9-ease-out),
    color .46s var(--v9-ease-soft),
    border-color .46s var(--v9-ease-soft),
    box-shadow .54s var(--v9-ease-soft),
    letter-spacing .54s var(--v9-ease-soft) !important;
}
.about-envelope-experience.is-awaiting-open .about-envelope-open {
  animation: v9-open-breathe 2.6s var(--v9-ease-soft) infinite !important;
}
.about-envelope-experience.is-opening .len-envelope__flap {
  animation: v9-paper-flap-open .82s var(--v9-ease-soft) forwards !important;
}
.about-envelope-experience.is-opening .len-envelope__letter {
  animation: v9-paper-letter-lift .88s var(--v9-ease-out) .14s forwards !important;
}
.about-envelope-experience.is-closing-to-about .len-envelope {
  animation: v9-envelope-handoff .82s var(--v9-ease-inout) forwards !important;
}
.about-envelope-experience.is-closing-to-about .about-envelope-shadow {
  opacity: 0 !important;
  transform: translate3d(-50%, 18px, -88px) scale(.58) !important;
}
.about-envelope-experience.is-completing {
  opacity: 0 !important;
  background: rgba(10, 7, 5, 0) !important;
  pointer-events: none !important;
  transition-duration: .76s !important;
  transition-timing-function: var(--v9-ease-soft) !important;
}
@keyframes v9-open-breathe {
  0%, 100% {
    box-shadow:
      0 17px 46px rgba(0, 0, 0, .46),
      0 0 0 4px rgba(123, 86, 50, .055),
      inset 0 1px rgba(255, 226, 181, .2),
      inset 0 -2px rgba(18, 11, 7, .3);
  }
  50% {
    box-shadow:
      0 21px 54px rgba(0, 0, 0, .5),
      0 0 23px rgba(154, 112, 65, .12),
      0 0 0 6px rgba(123, 86, 50, .07),
      inset 0 1px rgba(255, 226, 181, .24),
      inset 0 -2px rgba(18, 11, 7, .28);
  }
}
@keyframes v9-paper-flap-open {
  0% {
    z-index: 5;
    filter: brightness(1);
    transform: rotateX(0deg) translateZ(0);
  }
  46% {
    z-index: 5;
    filter: brightness(.92);
    transform: rotateX(84deg) translateZ(10px) scaleY(.985);
  }
  74% {
    z-index: 1;
    filter: brightness(.8);
    transform: rotateX(158deg) translateZ(4px) scaleY(.975);
  }
  100% {
    z-index: 0;
    filter: brightness(.82);
    transform: rotateX(171deg) translateZ(0) scaleY(.98);
  }
}
@keyframes v9-paper-letter-lift {
  0% {
    z-index: 2;
    transform: translate3d(0, 4%, 4px) rotateX(0) rotateZ(.08deg) scaleY(.985);
  }
  45% {
    z-index: 4;
    transform: translate3d(-.25%, -21%, 24px) rotateX(-.7deg) rotateZ(-.16deg) scaleY(.992);
  }
  76% {
    z-index: 7;
    transform: translate3d(.2%, -48%, 46px) rotateX(.6deg) rotateZ(.12deg) scaleY(.998);
  }
  100% {
    z-index: 7;
    transform: translate3d(0, -57%, 50px) rotateX(0) rotateZ(.03deg) scale(1.006);
  }
}
@keyframes v9-envelope-handoff {
  0% {
    opacity: 1;
    filter: blur(0) saturate(.9);
    transform: translate3d(-50%, -49%, 0) rotateX(0) rotateY(0) rotateZ(-.35deg) scale(1);
  }
  48% {
    opacity: .9;
    filter: blur(.5px) saturate(.86);
    transform: translate3d(-50%, -53%, -82px) rotateX(1.5deg) rotateY(-1deg) rotateZ(-.5deg) scale(.91);
  }
  100% {
    opacity: 0;
    filter: blur(7px) saturate(.68);
    transform: translate3d(-50%, -59%, -560px) rotateX(6deg) rotateY(-5deg) rotateZ(-1.6deg) scale(.5);
  }
}
.about {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  color: var(--v9-ink) !important;
  background:
    radial-gradient(
      circle at 16% 14%,
      rgba(255, 255, 255, .82),
      transparent 26%),
    radial-gradient(
      circle at 82% 74%,
      rgba(102, 169, 202, .13),
      transparent 34%),
    linear-gradient(
      135deg,
      #f0f6f8 0%,
      #e5eef3 55%,
      #d7e5ec 100%) !important;
  background-size: auto !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .9),
    inset 0 -1px rgba(54, 111, 142, .12),
    inset 0 0 120px rgba(69, 135, 168, .07) !important;
}
.about::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  opacity: .55 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      112deg,
      transparent 41%,
      rgba(255, 255, 255, .5) 49%,
      transparent 57%),
    radial-gradient(
      circle at 70% 22%,
      rgba(116, 187, 219, .11),
      transparent 30%) !important;
  mix-blend-mode: normal !important;
}
.about::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  opacity: .33 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      180deg,
      transparent 33.12%,
      rgba(62, 124, 156, .16) 33.28%,
      rgba(255, 255, 255, .56) 33.43%,
      transparent 33.7%),
    linear-gradient(
      180deg,
      transparent 66.12%,
      rgba(62, 124, 156, .15) 66.28%,
      rgba(255, 255, 255, .5) 66.43%,
      transparent 66.7%) !important;
  box-shadow: none !important;
}
.about > .about__visual,
.about > .about__copy {
  position: relative;
  z-index: 4;
}
.about__portrait {
  border: 1px solid rgba(255, 255, 255, .74) !important;
  border-radius: 2px !important;
  background: #d8e7ed !important;
  box-shadow: 0 30px 82px rgba(13, 48, 69, .18), 0 1px 0 rgba(255, 255, 255, .78) inset !important;
}
.about__portrait::after {
  border-color: rgba(228, 246, 253, .28) !important;
  background:
    linear-gradient(
      140deg,
      rgba(228, 247, 255, .17),
      transparent 30%,
      rgba(13, 56, 81, .055)) !important;
}
.about__copy .eyebrow,
.about__index,
.about__bio {
  color: var(--v9-ink-soft) !important;
}
.about__role::before {
  background: var(--v9-blue) !important;
}
.about__facts {
  border-color: rgba(48, 107, 139, .17) !important;
  background: rgba(48, 107, 139, .14) !important;
}
.about__facts span {
  color: #60798a !important;
  background: rgba(235, 244, 248, .9) !important;
}
.about__facts span:hover {
  color: #eef9ff !important;
  background: #14374c !important;
}
.about-letter-folds {
  position: absolute;
  inset: clamp(34px, 5vw, 76px) clamp(20px, 6vw, 108px);
  z-index: 3;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  opacity: 0;
  pointer-events: none;
  perspective: 1800px;
  transform: translate3d(0, 0, 110px) scaleY(.16);
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
}
.about-letter-fold {
  position: relative;
  display: block;
  border-right: 1px solid rgba(49, 109, 141, .19);
  border-left: 1px solid rgba(255, 255, 255, .64);
  background:
    radial-gradient(
      circle at 70% 25%,
      rgba(255, 255, 255, .42),
      transparent 29%),
    linear-gradient(
      135deg,
      #eff7fa,
      #deebf1 61%,
      #cbdde6);
  box-shadow: 0 15px 42px rgba(31, 79, 104, .14);
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.about-letter-fold--top {
  border-top: 1px solid rgba(53, 113, 145, .2);
  transform-origin: 50% 100%;
  transform: rotateX(82deg);
}
.about-letter-fold--middle {
  z-index: 2;
  border-top: 1px solid rgba(255, 255, 255, .62);
  border-bottom: 1px solid rgba(52, 112, 143, .17);
  transform: rotateX(-7deg) translateZ(8px);
}
.about-letter-fold--bottom {
  border-bottom: 1px solid rgba(52, 112, 143, .21);
  transform-origin: 50% 0;
  transform: rotateX(-82deg);
}
.about.about-story-armed:not(.about-story-complete) > .about__visual,
.about.about-story-armed:not(.about-story-complete) > .about__copy,
.about.is-about-story-awaiting > .about__visual,
.about.is-about-story-awaiting > .about__copy {
  opacity: 0 !important;
  filter: blur(6px) saturate(.92) !important;
  clip-path: inset(48% 0 48% 0) !important;
  transform: translate3d(0, 20px, -80px) scale(.985) !important;
}
.about.is-about-story-awaiting .about-letter-folds {
  opacity: 1;
}
.about.is-about-letter-unfolding .about-letter-folds {
  opacity: 1;
  animation: v9-blue-sheet-unfold 1.72s var(--v9-ease-soft) both;
}
.about.is-about-letter-unfolding .about-letter-fold--top {
  animation: v9-blue-fold-top 1.38s var(--v9-ease-soft) .08s both;
}
.about.is-about-letter-unfolding .about-letter-fold--middle {
  animation: v9-blue-fold-middle 1.28s var(--v9-ease-soft) .14s both;
}
.about.is-about-letter-unfolding .about-letter-fold--bottom {
  animation: v9-blue-fold-bottom 1.42s var(--v9-ease-soft) .2s both;
}
.about.is-about-letter-unfolding > .about__visual,
.about.is-about-letter-unfolding > .about__copy {
  animation: v9-about-content-in 1.12s var(--v9-ease-soft) .82s both !important;
}
.about.is-about-letter-unfolding > .about__copy {
  animation-delay: .94s !important;
}
.about.is-about-letter-open .about-letter-folds {
  visibility: hidden;
  opacity: 0;
}
.about.is-about-up-reveal > .about__visual,
.about.is-about-up-reveal > .about__copy {
  animation: v9-about-content-in 1.04s var(--v9-ease-soft) both !important;
}
.about.is-about-up-reveal > .about__copy {
  animation-delay: .08s !important;
}
@keyframes v9-blue-sheet-unfold {
  0% {
    opacity: 1;
    filter: blur(1.5px);
    transform: translate3d(0, 12px, 120px) scale(.72, .16) rotateX(-7deg);
  }
  34% {
    opacity: 1;
    filter: blur(.4px);
    transform: translate3d(0, 6px, 86px) scale(.84, .38) rotateX(-3deg);
  }
  72% {
    opacity: 1;
    filter: none;
    transform: translate3d(0, 1px, 28px) scale(.965, .84) rotateX(.6deg);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1) rotateX(0);
  }
}
@keyframes v9-blue-fold-top {
  0% {
    filter: brightness(.84);
    transform: rotateX(84deg) translateZ(4px);
  }
  62% {
    filter: brightness(.98);
    transform: rotateX(12deg) translateZ(8px);
  }
  100% {
    filter: brightness(1);
    transform: rotateX(0) translateZ(0);
  }
}
@keyframes v9-blue-fold-middle {
  0% {
    filter: brightness(.9);
    transform: rotateX(-9deg) translateZ(12px) scaleY(.96);
  }
  68% {
    filter: brightness(.99);
    transform: rotateX(-1deg) translateZ(3px) scaleY(.995);
  }
  100% {
    filter: brightness(1);
    transform: rotateX(0) translateZ(0) scaleY(1);
  }
}
@keyframes v9-blue-fold-bottom {
  0% {
    filter: brightness(.82);
    transform: rotateX(-84deg) translateZ(4px);
  }
  64% {
    filter: brightness(.98);
    transform: rotateX(-11deg) translateZ(8px);
  }
  100% {
    filter: brightness(1);
    transform: rotateX(0) translateZ(0);
  }
}
@keyframes v9-about-content-in {
  0% {
    opacity: 0;
    filter: blur(5px);
    clip-path: inset(36% 0 36% 0);
    transform: translate3d(0, 34px, -34px) scale(.988);
  }
  55% {
    opacity: .72;
    filter: blur(1.5px);
    clip-path: inset(7% 0 7% 0);
    transform: translate3d(0, 12px, -8px) scale(.997);
  }
  100% {
    opacity: 1;
    filter: none;
    clip-path: inset(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.works-chapters {
  display: none !important;
}
.works-exhibit {
  overflow: clip !important;
  color: var(--v9-ink) !important;
  background:
    radial-gradient(
      circle at 58% 50%,
      rgba(255, 255, 255, .96) 0 4%,
      rgba(190, 218, 231, .22) 20%,
      transparent 45%),
    linear-gradient(
      145deg,
      #f6f9fa 0%,
      #e6eef2 52%,
      #d8e5eb 100%) !important;
  background-size: auto !important;
}
.works-exhibit__intro .eyebrow,
.works-exhibit__intro > p {
  color: var(--v9-ink-soft) !important;
}
.works-exhibit__scroll {
  height: max(210svh, 1500px) !important;
  min-height: 1500px !important;
}
.works-exhibit__sticky {
  color: var(--v9-ink) !important;
  background:
    radial-gradient(
      circle at 58% 50%,
      rgba(255, 255, 255, .94) 0 6%,
      rgba(154, 203, 226, .18) 31%,
      transparent 64%),
    linear-gradient(
      145deg,
      #f7fafb 0%,
      #e7eff3 54%,
      #d7e5eb 100%) !important;
  perspective: none !important;
  perspective-origin: 50% 50% !important;
}
.works-exhibit__sticky::before {
  z-index: 3 !important;
  background:
    linear-gradient(
      90deg,
      rgba(11, 26, 36, .34) 0,
      rgba(24, 49, 64, .16) 9%,
      transparent 27% 74%,
      rgba(24, 49, 64, .14) 91%,
      rgba(11, 26, 36, .31) 100%),
    linear-gradient(
      180deg,
      rgba(20, 36, 47, .16),
      transparent 22% 80%,
      rgba(20, 36, 47, .13)) !important;
  box-shadow: inset 13vw 0 18vw -12vw rgba(7, 20, 29, .54), inset -13vw 0 18vw -12vw rgba(7, 20, 29, .5) !important;
}
.works-exhibit__sticky::after {
  z-index: 1 !important;
  opacity: .62 !important;
  background:
    radial-gradient(
      ellipse at 58% 50%,
      transparent 0 24%,
      rgba(213, 228, 235, .08) 46%,
      rgba(211, 225, 232, .42) 100%),
    repeating-linear-gradient(
      90deg,
      transparent 0 38px,
      rgba(44, 92, 118, .025) 38px 39px) !important;
}
.works-tunnel-guides {
  --depth-vp-x: 58%;
  opacity: .78 !important;
}
.works-tunnel-guides::before {
  background:
    linear-gradient(
      90deg,
      rgba(15, 39, 53, .34),
      rgba(47, 94, 118, .08) 58%,
      transparent) !important;
}
.works-tunnel-guides::after {
  background:
    linear-gradient(
      270deg,
      rgba(15, 39, 53, .32),
      rgba(47, 94, 118, .07) 58%,
      transparent) !important;
}
.works-depth-line {
  height: 1px !important;
  opacity: .43 !important;
  background:
    linear-gradient(
      90deg,
      rgba(59, 118, 148, .58),
      rgba(106, 166, 194, .2) 52%,
      transparent) !important;
  box-shadow: 0 0 9px rgba(90, 160, 194, .07) !important;
}
.works-tunnel-guides > i {
  opacity: .18 !important;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(68, 130, 160, .48) 17%,
      rgba(255, 255, 255, .72) 50%,
      rgba(68, 130, 160, .48) 83%,
      transparent) !important;
  box-shadow: 0 0 8px rgba(97, 167, 199, .08) !important;
}
.works-depth-vanish {
  border-color: rgba(75, 139, 170, .38) !important;
  background: rgba(251, 254, 255, .88) !important;
  box-shadow: 0 0 22px rgba(92, 170, 207, .28) !important;
}
.works-exhibit .work-card,
.works-exhibit .work-card:nth-child(n),
.spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
  --depth-x: 18vw;
  --depth-y: 0px;
  --depth-scale: 1;
  --depth-opacity: 0;
  --depth-blur: 0px;
  --depth-light: 1;
  top: 54% !important;
  left: 50% !important;
  opacity: var(--depth-opacity) !important;
  filter: blur(var(--depth-blur)) brightness(var(--depth-light)) saturate(.96) !important;
  transform: translate3d(calc(-50% + var(--depth-x)), calc(-50% + var(--depth-y)), 0) scale(var(--depth-scale)) !important;
  transform-origin: 50% 54% !important;
  transition:
    transform .88s var(--v9-ease-soft),
    opacity .72s var(--v9-ease-soft),
    filter .78s var(--v9-ease-soft) !important;
  will-change:
    transform,
    opacity,
    filter;
}
.works-exhibit__sticky.is-initializing .work-card {
  transition: none !important;
}
.works-exhibit .work-card .media {
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .76) !important;
  border-radius: 2px !important;
  background: #d7e4ea !important;
  box-shadow: 0 39px 104px rgba(9, 35, 52, .28), 0 0 0 1px rgba(68, 124, 153, .08) !important;
}
.works-exhibit .work-card .media::before {
  display: none !important;
}
.works-exhibit .work-card[data-depth-current] .media {
  box-shadow:
    0 48px 126px rgba(5, 28, 44, .34),
    0 0 0 1px rgba(88, 158, 194, .3),
    0 0 58px rgba(116, 190, 223, .12) !important;
}
.works-exhibit .work-card figcaption {
  color: #12354e !important;
  text-shadow: none !important;
}
.works-exhibit .work-card.work-card--empty,
.works-exhibit .work-card[data-empty-slot=true] {
  display: none !important;
}
html.local-mode.editing .works-exhibit .work-card.work-card--empty,
html.local-mode.editing .works-exhibit .work-card[data-empty-slot=true] {
  display: block !important;
}
html.local-mode.editing .works-exhibit__scroll {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}
html.local-mode.editing .works-exhibit__sticky {
  position: relative !important;
  top: auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: clamp(22px, 4vw, 52px) !important;
}
html.local-mode.editing .works-exhibit__scene,
html.local-mode.editing .works-exhibit__hud,
html.local-mode.editing .works-loop-controls {
  display: none !important;
}
html.local-mode.editing .works-exhibit .works-grid {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2.5vw, 34px) !important;
}
html.local-mode.editing .works-exhibit .work-card,
html.local-mode.editing .works-exhibit .work-card:nth-child(n) {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  pointer-events: auto !important;
}
.works-exhibit .work-card--empty .media {
  border-color: rgba(57, 105, 130, .32) !important;
  background:
    linear-gradient(
      145deg,
      rgba(244, 249, 250, .48),
      rgba(198, 217, 226, .25)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .48), 0 30px 86px rgba(19, 51, 69, .1) !important;
}
.works-exhibit__hud {
  top: 50% !important;
  left: clamp(42px, 7vw, 132px) !important;
  z-index: 8 !important;
  width: min(35vw, 520px) !important;
  max-width: min(35vw, 520px) !important;
  padding: 0 !important;
  color: var(--v9-ink-soft) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: translate3d(0, -50%, 0);
  transition:
    opacity .62s var(--v9-ease-soft),
    filter .68s var(--v9-ease-soft),
    transform .76s var(--v9-ease-soft) !important;
}
.works-exhibit__hud::after {
  content: "";
  position: absolute;
  top: calc(50% + 9px);
  left: calc(100% + clamp(18px, 2.6vw, 46px));
  width: clamp(120px, 20vw, 340px);
  height: 1px;
  opacity: .42;
  background:
    linear-gradient(
      90deg,
      rgba(47, 112, 147, .5),
      rgba(118, 178, 205, .22) 62%,
      transparent);
  box-shadow: 0 0 9px rgba(89, 161, 195, .08);
  transform: rotate(-1.2deg);
  transform-origin: left;
  pointer-events: none;
}
.works-exhibit__hud > span,
.works-exhibit__hud b,
.works-exhibit__hud em {
  color: rgba(39, 91, 120, .57) !important;
}
.works-exhibit__hud strong {
  color: var(--v9-ink) !important;
  font-family:
    "Songti SC",
    "STSong",
    "SimSun",
    "\5b8b\4f53",
    serif !important;
}
.works-exhibit__hud p {
  color: rgba(18, 57, 86, .74) !important;
}
.works-exhibit__sticky.is-copy-hidden .works-exhibit__hud {
  opacity: 0 !important;
  filter: blur(5px) !important;
  transform: translate3d(-34px, calc(-50% + 8px), -20px) !important;
}
.works-exhibit__hud.is-story-changing strong,
.works-exhibit__hud.is-story-changing p,
.works-exhibit__hud.is-story-changing b {
  animation: none !important;
}
.works-depth-indicator {
  display: grid;
  gap: 10px;
  width: clamp(188px, 27vw, 430px);
  margin-top: clamp(21px, 2.4vw, 36px);
}
.works-depth-indicator__track {
  --indicator-progress: 0;
  position: relative;
  display: block;
  width: 100%;
  height: 12px;
}
.works-depth-indicator__track::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(48, 109, 141, .36) 0 1px,
      transparent 1px 16.5%),
    linear-gradient(
      90deg,
      rgba(43, 104, 137, .43),
      rgba(129, 187, 212, .18));
  box-shadow: 0 0 9px rgba(91, 164, 197, .07);
  transform: translateY(-50%);
}
#works-depth-indicator-ball {
  position: absolute;
  top: 50%;
  left: calc(var(--indicator-progress) * 100%);
  display: block;
  width: 12px;
  aspect-ratio: 1;
  border: 1px solid rgba(22, 67, 92, .42);
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 31% 27%,
      #ffffff 0 8%,
      #c8e9f7 27%,
      #65a7c8 64%,
      #1c4d68);
  box-shadow:
    0 5px 12px rgba(13, 49, 69, .22),
    0 0 17px rgba(104, 187, 225, .22),
    inset 0 1px rgba(255, 255, 255, .78);
  transform: translate(-50%, -50%);
  transition:
    left .88s var(--v9-ease-soft),
    box-shadow .58s var(--v9-ease-soft),
    transform .58s var(--v9-ease-soft) !important;
}
.works-exhibit__sticky.is-switching #works-depth-indicator-ball,
.works-exhibit__sticky.is-stage-focused #works-depth-indicator-ball {
  box-shadow:
    0 7px 15px rgba(13, 49, 69, .26),
    0 0 23px rgba(104, 187, 225, .3),
    inset 0 1px rgba(255, 255, 255, .82);
  transform: translate(-50%, -50%) scale(1.08);
}
.works-depth-indicator small {
  color: rgba(39, 91, 120, .54);
  font: 600 8px/1.5 Arial, sans-serif;
  letter-spacing: .15em;
  transition: color .45s var(--v9-ease-soft), transform .55s var(--v9-ease-soft) !important;
}
.works-exhibit__sticky.is-stage-focused .works-depth-indicator small {
  color: rgba(18, 63, 88, .82);
  transform: translateX(6px);
}
.works-loop-controls {
  color: rgba(20, 61, 84, .72) !important;
  border-color: rgba(53, 111, 141, .22) !important;
  border-radius: 999px !important;
  background: rgba(235, 245, 249, .66) !important;
  box-shadow: 0 12px 30px rgba(22, 60, 82, .12), inset 0 1px rgba(255, 255, 255, .68) !important;
  -webkit-backdrop-filter: blur(12px) saturate(116%) !important;
  backdrop-filter: blur(12px) saturate(116%) !important;
}
.works-loop-controls button {
  color: rgba(20, 61, 84, .74) !important;
}
.works-loop-controls button:hover,
.works-loop-controls button:focus-visible {
  color: #08273a !important;
  background: rgba(103, 174, 208, .12) !important;
}
.service-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.plan-fireflies {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100svh;
  height: 100dvh;
  margin-bottom: -100svh;
  margin-bottom: -100dvh;
  opacity: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  transition: opacity 1.1s var(--v9-ease-soft);
}
.service-intro.is-fireflies-active .plan-fireflies {
  opacity: .72;
}
.service-intro__halo {
  z-index: 0;
}
.service-intro__layout {
  position: relative;
  z-index: 2;
}
@media (max-width: 900px) {
  .about-envelope-experience {
    --paper-w: min(78vw, 390px) !important;
  }
  .about-envelope-open {
    top: calc(50% + var(--paper-h) * .75) !important;
    width: 164px !important;
    min-width: 164px !important;
  }
  .about-letter-folds {
    inset: 28px 16px;
  }
  .works-exhibit__scroll {
    height: max(205svh, 1360px) !important;
    min-height: 1360px !important;
  }
  .works-exhibit__hud {
    top: max(86px, calc(env(safe-area-inset-top) + 68px)) !important;
    left: max(20px, env(safe-area-inset-left)) !important;
    width: min(76vw, 330px) !important;
    max-width: min(76vw, 330px) !important;
    transform: none;
  }
  .works-exhibit__sticky.is-copy-hidden .works-exhibit__hud {
    transform: translate3d(-22px, 10px, -20px) !important;
  }
  .works-exhibit__hud::after {
    top: calc(100% + 15px);
    left: 0;
    width: min(58vw, 260px);
  }
  .works-exhibit .work-card,
  .works-exhibit .work-card:nth-child(n),
  .spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
    top: 61% !important;
    width: min(72vw, 390px) !important;
  }
  .works-depth-indicator {
    width: min(56vw, 260px);
  }
  .plan-fireflies {
    opacity: 0;
  }
  .service-intro.is-fireflies-active .plan-fireflies {
    opacity: .56;
  }
  html.local-mode.editing .works-exhibit .works-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 560px) {
  .about {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .about-letter-folds {
    inset: 18px 10px;
  }
  .about-envelope-experience {
    --paper-w: min(84vw, 344px) !important;
  }
  .len-envelope__letter strong {
    font-size: 20px !important;
  }
  .works-exhibit__scroll {
    height: max(200svh, 1240px) !important;
    min-height: 1240px !important;
  }
  .works-exhibit__hud {
    width: min(78vw, 306px) !important;
    max-width: min(78vw, 306px) !important;
  }
  .works-exhibit__hud p,
  .works-exhibit__hud em {
    display: none !important;
  }
  .works-depth-indicator {
    margin-top: 17px;
  }
  .works-exhibit .work-card,
  .works-exhibit .work-card:nth-child(n),
  .spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
    top: 62% !important;
    width: min(76vw, 340px) !important;
  }
  html.local-mode.editing .works-exhibit .works-grid {
    grid-template-columns: 1fr !important;
  }
}
html[data-quality=low] .len-envelope__paper-fiber {
  display: none !important;
}
html[data-quality=low] .about-letter-fold,
html[data-quality=low] .len-envelope,
html[data-quality=low] .len-envelope__letter {
  filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .about-envelope-experience.is-awaiting-open .about-envelope-open,
  .about-envelope-experience.is-opening .len-envelope__flap,
  .about-envelope-experience.is-opening .len-envelope__letter,
  .about-envelope-experience.is-closing-to-about .len-envelope,
  .about.is-about-letter-unfolding .about-letter-folds,
  .about.is-about-letter-unfolding .about-letter-fold,
  .about.is-about-letter-unfolding > .about__visual,
  .about.is-about-letter-unfolding > .about__copy,
  .about.is-about-up-reveal > .about__visual,
  .about.is-about-up-reveal > .about__copy {
    animation-duration: .01ms !important;
    animation-delay: 0s !important;
  }
  .about-envelope-experience,
  .len-envelope,
  .about-envelope-open,
  .works-exhibit .work-card,
  .works-exhibit__hud,
  #works-depth-indicator-ball,
  .plan-fireflies {
    transition-duration: .01ms !important;
  }
  .plan-fireflies {
    display: none !important;
  }
  .works-exhibit .work-card[data-empty-slot=true] {
    display: none !important;
  }
  html.local-mode.editing .works-exhibit .work-card[data-empty-slot=true] {
    display: block !important;
  }
}

/* source-site/assets/warm-editorial-v10.css */
:root {
  color-scheme: light !important;
  --warm-bg: #f7f1e7;
  --warm-bg-soft: #efe5d7;
  --warm-surface: rgba(252, 248, 241, .9);
  --warm-surface-solid: #fbf7ef;
  --warm-ink: #30271f;
  --warm-ink-soft: rgba(74, 58, 45, .72);
  --warm-line: rgba(104, 76, 51, .22);
  --warm-gold: #a98555;
  --warm-gold-light: #c7a876;
  --warm-clay: #ad7864;
  --warm-olive: #8c8a70;
  --warm-shadow: 0 26px 70px rgba(77, 51, 31, .14), 0 4px 18px rgba(77, 51, 31, .08);
  --warm-ease: cubic-bezier(.65, 0, .35, 1);
  --warm-ease-soft: cubic-bezier(.45, 0, .2, 1);
  --ink: var(--warm-ink);
  --paper: var(--warm-bg);
  --paper-2: var(--warm-bg-soft);
  --white: #fffaf2;
  --muted: #88786a;
  --line: var(--warm-line);
  --gold: var(--warm-gold);
  --v9-ink: var(--warm-ink);
  --v9-ink-soft: var(--warm-ink-soft);
  --v9-blue: var(--warm-gold-light);
  --v9-blue-deep: #513b2b;
  --v9-blue-line: var(--warm-line);
  --v9-ease-soft: var(--warm-ease-soft);
  --v9-ease-out: var(--warm-ease-soft);
  --v9-ease-inout: var(--warm-ease);
}
html,
body {
  color: var(--warm-ink) !important;
  background: var(--warm-bg) !important;
}
body::after {
  opacity: .024 !important;
  background-image:
    repeating-radial-gradient(
      circle at 20% 30%,
      rgba(102, 72, 47, .34) 0 1px,
      transparent 1px 5px),
    repeating-linear-gradient(
      108deg,
      rgba(112, 80, 52, .14) 0 1px,
      transparent 1px 7px) !important;
  mix-blend-mode: multiply !important;
}
::selection {
  color: #fffaf2 !important;
  background: #9a7450 !important;
}
.intro {
  color: var(--warm-ink) !important;
  background:
    radial-gradient(
      circle at 48% 42%,
      rgba(255, 255, 255, .98) 0 10%,
      rgba(247, 238, 222, .82) 34%,
      transparent 65%),
    linear-gradient(
      135deg,
      #fbf7ef 0%,
      #f1e7d8 48%,
      #e8dbc8 100%) !important;
}
.intro::before,
.intro::after {
  background: #f7f0e5 !important;
}
.intro__stage {
  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(255, 255, 255, .9),
      rgba(221, 197, 163, .2) 24%,
      transparent 58%) !important;
  filter: sepia(.1) saturate(.75) !important;
}
.intro__stage::before {
  background:
    radial-gradient(
      circle,
      rgba(196, 155, 104, .2),
      transparent 67%) !important;
}
.intro__ring,
.intro__orbit,
.intro__axis {
  border-color: rgba(145, 104, 64, .42) !important;
  box-shadow: 0 0 24px rgba(196, 155, 104, .18) !important;
}
.intro__cube-face,
.intro__glass,
.intro__glass--a,
.intro__glass--b,
.intro__glass--c,
.intro__glass--d {
  border-color: rgba(255, 250, 241, .7) !important;
  background:
    linear-gradient(
      145deg,
      rgba(255, 253, 248, .88),
      rgba(230, 210, 181, .64) 52%,
      rgba(174, 132, 91, .32)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 18px 55px rgba(95, 65, 39, .14) !important;
}
.intro__blur--a,
.intro__blur--b,
.intro__orb {
  background:
    radial-gradient(
      circle,
      rgba(206, 164, 110, .27),
      transparent 68%) !important;
}
.intro__line,
.intro__light-slice {
  background:
    linear-gradient(
      104deg,
      transparent 39%,
      rgba(255, 253, 247, .98) 49%,
      rgba(205, 166, 117, .36) 52%,
      transparent 62%) !important;
}
.intro__brand,
.intro__brand strong,
.intro__brand span,
.intro__progress,
.intro__skip {
  color: #4a3829 !important;
  text-shadow: none !important;
}
.intro__brand::before {
  background:
    radial-gradient(
      ellipse,
      rgba(188, 145, 91, .14),
      transparent 68%) !important;
}
.intro__progress-track {
  background: rgba(111, 80, 53, .15) !important;
}
.intro__progress-track i {
  background:
    linear-gradient(
      90deg,
      #806044,
      #c5a06d) !important;
  box-shadow: 0 0 18px rgba(173, 126, 73, .22) !important;
}
.intro__skip {
  border-color: rgba(101, 72, 48, .22) !important;
  background: rgba(255, 251, 244, .58) !important;
}
.site-header,
.site-header.is-scrolled,
.mobile-nav,
.floating-controls,
.owner-panel {
  color: var(--warm-ink) !important;
}
.site-header::before,
.site-header.is-scrolled::before,
.mobile-nav {
  border-color: var(--warm-line) !important;
  background: rgba(248, 242, 233, .82) !important;
  box-shadow: 0 14px 45px rgba(78, 53, 33, .1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
}
.site-logo,
.site-nav a,
.mobile-nav a,
.header-cta,
.menu-toggle,
.music-toggle,
.back-to-top,
.edit-toggle,
#export-html {
  color: var(--warm-ink) !important;
  border-color: var(--warm-line) !important;
}
.header-cta,
.music-toggle,
.back-to-top,
.edit-toggle,
#export-html {
  background: rgba(252, 248, 241, .78) !important;
  box-shadow: 0 10px 30px rgba(76, 50, 31, .09) !important;
}
.site-nav a::after,
.scroll-progress,
.gallery-page__progress i,
.music-toggle__bars i {
  background: var(--warm-gold) !important;
}
.hero {
  color: #fff9ef !important;
  background: #5d4938 !important;
}
.hero__visual,
.hero__media,
.hero__media img,
.work-card img,
.gallery-page img,
.lightbox img {
  filter: none !important;
}
.hero::before,
.hero__visual::after,
.hero__media::after {
  background:
    linear-gradient(
      90deg,
      rgba(49, 35, 25, .62),
      rgba(61, 43, 29, .18) 56%,
      rgba(50, 34, 23, .29)),
    linear-gradient(
      0deg,
      rgba(51, 34, 22, .46),
      transparent 58%),
    radial-gradient(
      circle at 72% 34%,
      rgba(236, 194, 134, .13),
      transparent 40%) !important;
}
.hero .eyebrow,
.hero__meta,
.hero__copy p,
.scroll-cue {
  color: rgba(255, 247, 234, .82) !important;
}
.hero__copy::before,
.hero__side-line,
.scroll-cue::before {
  background:
    linear-gradient(
      90deg,
      rgba(255, 248, 236, .22),
      var(--warm-gold-light),
      rgba(255, 248, 236, .2)) !important;
}
.about {
  color: var(--warm-ink) !important;
  background:
    radial-gradient(
      circle at 16% 14%,
      rgba(255, 255, 255, .86),
      transparent 28%),
    radial-gradient(
      circle at 82% 74%,
      rgba(190, 148, 96, .09),
      transparent 36%),
    linear-gradient(
      135deg,
      #fbf7ef 0%,
      #f2e9dc 55%,
      #e9ddcd 100%) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .92),
    inset 0 -1px rgba(111, 78, 50, .12),
    inset 0 0 120px rgba(143, 100, 62, .045) !important;
}
.about::before {
  background:
    linear-gradient(
      112deg,
      transparent 41%,
      rgba(255, 255, 255, .6) 49%,
      transparent 57%),
    radial-gradient(
      circle at 70% 22%,
      rgba(201, 164, 115, .08),
      transparent 30%) !important;
}
.about::after {
  background:
    linear-gradient(
      180deg,
      transparent 33.12%,
      rgba(112, 78, 51, .12) 33.28%,
      rgba(255, 255, 255, .6) 33.43%,
      transparent 33.7%),
    linear-gradient(
      180deg,
      transparent 66.12%,
      rgba(112, 78, 51, .11) 66.28%,
      rgba(255, 255, 255, .54) 66.43%,
      transparent 66.7%) !important;
}
.about-letter-fold {
  border-color: rgba(114, 80, 52, .15) !important;
  background:
    radial-gradient(
      circle at 70% 25%,
      rgba(255, 255, 255, .55),
      transparent 29%),
    linear-gradient(
      135deg,
      #fcf8f1,
      #f2e8d9 61%,
      #e5d6c3) !important;
  box-shadow: 0 15px 42px rgba(82, 55, 34, .12) !important;
}
.about__portrait {
  --portrait-x: 50%;
  --portrait-y: 50%;
  --portrait-tilt-x: 0deg;
  --portrait-tilt-y: 0deg;
  position: relative !important;
  overflow: hidden !important;
  border-color: rgba(167, 130, 85, .44) !important;
  background: #e9ddcd !important;
  box-shadow: var(--warm-shadow) !important;
  transform: perspective(1100px) rotateX(var(--portrait-tilt-x)) rotateY(var(--portrait-tilt-y)) translate3d(0, 0, 0) !important;
  transition: transform 760ms var(--warm-ease), box-shadow 760ms var(--warm-ease) !important;
}
.about__portrait > img:first-child {
  position: relative;
  z-index: 1;
}
.about__portrait .about__portrait-mono {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  filter: grayscale(1) contrast(1.035) !important;
  -webkit-mask-image:
    radial-gradient(
      circle 92px at var(--portrait-x) var(--portrait-y),
      #000 0 56%,
      rgba(0, 0, 0, .72) 76%,
      transparent 100%);
  mask-image:
    radial-gradient(
      circle 92px at var(--portrait-x) var(--portrait-y),
      #000 0 56%,
      rgba(0, 0, 0, .72) 76%,
      transparent 100%);
  opacity: 0;
  transition: opacity 520ms var(--warm-ease) !important;
}
.about__portrait.is-portrait-active .about__portrait-mono {
  opacity: 1;
}
.about__portrait::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border: 1px solid rgba(209, 174, 121, .36);
  box-shadow: inset 0 0 0 6px rgba(255, 249, 239, .05);
  pointer-events: none;
}
.about__portrait::after {
  z-index: 4 !important;
  border-color: rgba(236, 207, 160, .32) !important;
  background:
    linear-gradient(
      135deg,
      rgba(236, 207, 160, .14),
      transparent 31%,
      rgba(91, 61, 37, .045)) !important;
}
.about__copy .eyebrow,
.about__index,
.about__bio,
.about__role {
  color: var(--warm-ink-soft) !important;
}
.about__role::before {
  background: var(--warm-gold) !important;
}
.about__facts {
  border-color: var(--warm-line) !important;
  background: rgba(137, 102, 69, .08) !important;
}
.about__facts span {
  color: #725d4c !important;
  background: rgba(252, 248, 241, .84) !important;
}
.about__facts span:hover {
  color: #fff9ef !important;
  background: #624a37 !important;
}
.works,
.works-exhibit,
.works-exhibit__sticky {
  color: var(--warm-ink) !important;
  background:
    radial-gradient(
      circle at 58% 50%,
      rgba(255, 255, 255, .92) 0 5%,
      rgba(213, 184, 145, .16) 24%,
      transparent 52%),
    linear-gradient(
      145deg,
      #fbf8f2 0%,
      #f1e8dc 54%,
      #e7dac9 100%) !important;
}
.works-exhibit__intro .eyebrow,
.works-exhibit__intro > p,
.works-exhibit__hud span,
.works-exhibit__hud p,
.works-exhibit__hud em,
.works-depth-indicator small {
  color: var(--warm-ink-soft) !important;
}
.works-exhibit__sticky::before {
  background:
    linear-gradient(
      90deg,
      rgba(70, 47, 30, .28),
      rgba(91, 64, 43, .08) 10%,
      transparent 28% 74%,
      rgba(91, 64, 43, .07) 91%,
      rgba(70, 47, 30, .24)),
    linear-gradient(
      180deg,
      rgba(91, 64, 43, .09),
      transparent 22% 80%,
      rgba(91, 64, 43, .08)) !important;
  box-shadow: inset 13vw 0 18vw -12vw rgba(72, 48, 30, .35), inset -13vw 0 18vw -12vw rgba(72, 48, 30, .32) !important;
}
.works-exhibit__sticky::after {
  background:
    radial-gradient(
      ellipse at 58% 50%,
      transparent 0 24%,
      rgba(239, 226, 208, .05) 46%,
      rgba(226, 207, 182, .36) 100%),
    repeating-linear-gradient(
      90deg,
      transparent 0 38px,
      rgba(101, 73, 49, .022) 38px 39px) !important;
}
.works-tunnel-guides::before,
.works-tunnel-guides::after,
.works-depth-line,
.works-tunnel-guides > i {
  background:
    linear-gradient(
      90deg,
      rgba(131, 95, 60, .45),
      rgba(184, 144, 96, .18) 52%,
      transparent) !important;
  box-shadow: 0 0 10px rgba(179, 132, 79, .08) !important;
}
.works-depth-vanish {
  border-color: rgba(168, 126, 79, .42) !important;
  background: rgba(255, 250, 242, .9) !important;
  box-shadow: 0 0 24px rgba(190, 144, 89, .22) !important;
}
.works-exhibit .work-card,
.works-exhibit .work-card:nth-child(n),
.spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage],
.works-exhibit__hud,
#works-depth-indicator-ball {
  transition-timing-function: var(--warm-ease) !important;
}
.works-exhibit .work-card .media {
  border-color: rgba(255, 251, 244, .76) !important;
  background: #e8dbca !important;
  box-shadow: 0 39px 104px rgba(70, 45, 27, .23), 0 0 0 1px rgba(133, 94, 58, .08) !important;
}
.works-exhibit .work-card[data-depth-current] .media {
  box-shadow:
    0 48px 126px rgba(67, 42, 24, .28),
    0 0 0 1px rgba(176, 132, 78, .28),
    0 0 58px rgba(204, 160, 105, .1) !important;
}
.works-exhibit .work-card figcaption,
.works-exhibit__hud b,
.works-exhibit__hud strong {
  color: #4d392a !important;
}
.works-depth-indicator__track {
  background: rgba(105, 75, 50, .18) !important;
}
#works-depth-indicator-ball {
  border-color: rgba(255, 248, 236, .9) !important;
  background:
    radial-gradient(
      circle at 35% 30%,
      #fff6dd 0 12%,
      #cba56c 32%,
      #9b6e3e 70%,
      #5b3c24 100%) !important;
  box-shadow: 0 4px 13px rgba(85, 55, 31, .28), 0 0 18px rgba(196, 146, 84, .2) !important;
}
.works-loop-controls button {
  color: var(--warm-ink) !important;
  border-color: var(--warm-line) !important;
  background: rgba(251, 247, 239, .76) !important;
}
.work-card__editor-note {
  display: none !important;
}
html.local-mode.editing .work-card__editor-note {
  display: block !important;
  margin-top: 12px !important;
  color: var(--warm-ink-soft) !important;
  font-size: 12px !important;
  line-height: 1.72 !important;
}
.manifesto,
.booking,
.services,
.service-intro,
.plans,
.contact,
.site-footer {
  color: var(--warm-ink) !important;
}
.manifesto {
  background:
    linear-gradient(
      135deg,
      #6b503d,
      #463426) !important;
  color: #fff7e9 !important;
}
.manifesto * {
  color: inherit !important;
}
.booking {
  background:
    linear-gradient(
      160deg,
      #f8f2e9,
      #eee2d3) !important;
}
.services {
  background:
    linear-gradient(
      150deg,
      #efe2d3,
      #f9f4ec 50%,
      #eadcca) !important;
}
.service-intro,
.plans {
  background:
    radial-gradient(
      circle at 12% 78%,
      rgba(188, 143, 89, .15),
      transparent 30%),
    linear-gradient(
      145deg,
      #4a3729 0%,
      #604936 48%,
      #39291f 100%) !important;
  color: #fff8ed !important;
}
.service-intro .eyebrow,
.service-intro__lead,
.service-intro__aside,
.service-intro small,
.plan-note,
.plans p,
.plans li {
  color: rgba(255, 245, 231, .76) !important;
}
.service-intro__halo {
  background:
    radial-gradient(
      circle,
      rgba(207, 161, 102, .22),
      transparent 68%) !important;
  filter: blur(12px) !important;
}
.package,
.booking-step,
.plan-card,
.service-intro__card,
.service-extra,
.service-terms,
.contact-grid > div {
  border-color: var(--warm-line) !important;
  background: rgba(252, 248, 240, .82) !important;
  box-shadow: 0 22px 62px rgba(77, 51, 31, .1) !important;
}
.service-intro .plan-card,
.service-intro .service-intro__card,
.service-intro .service-extra,
.service-intro .service-terms {
  border-color: rgba(226, 192, 143, .22) !important;
  background: rgba(255, 248, 236, .085) !important;
  box-shadow: 0 24px 70px rgba(27, 17, 11, .2) !important;
  color: #fff8ed !important;
}
.package__tag,
.booking-step > span,
.service-intro__number,
.contact-grid span {
  color: var(--warm-gold) !important;
}
.contact {
  background:
    radial-gradient(
      circle at var(--contact-x, 70%) var(--contact-y, 35%),
      rgba(211, 174, 124, .13),
      transparent 26%),
    linear-gradient(
      145deg,
      #faf5ec,
      #eddfcf) !important;
}
.contact::before,
.services::before,
.booking::before {
  border-color: var(--warm-line) !important;
  background: none !important;
}
.site-footer {
  border-color: var(--warm-line) !important;
  background: #eadcca !important;
}
.gallery-page,
.lightbox {
  color: #fff8ee !important;
  background: rgba(47, 35, 27, .96) !important;
}
.gallery-page__header,
.gallery-page__footer,
.lightbox__controls,
.gallery-manager,
.owner-panel {
  border-color: rgba(226, 194, 151, .24) !important;
  background: rgba(64, 47, 35, .88) !important;
  color: #fff8ee !important;
}
.gallery-page button,
.lightbox button,
.gallery-manager button,
.owner-panel button {
  border-color: rgba(226, 194, 151, .3) !important;
  color: inherit !important;
}
.plan-fireflies {
  opacity: .72 !important;
  mix-blend-mode: screen !important;
}
.site-header,
.site-header *,
.mobile-nav,
.music-toggle,
.back-to-top,
.header-cta,
.menu-toggle,
.package,
.booking-step,
.contact-grid > div,
.gallery-page,
.lightbox,
[data-reveal],
[data-spatial-stage],
[data-ambient-float] {
  transition-timing-function: var(--warm-ease) !important;
}
[data-ambient-float] {
  animation: warm-ambient-float 8s var(--warm-ease) var(--ambient-delay, 0s) infinite;
  will-change: transform;
}
html[data-audio-state=paused] [data-ambient-float],
html[data-audio-state=error] [data-ambient-float] {
  animation-play-state: paused;
}
@keyframes warm-ambient-float {
  0%, 100% {
    transform: translate3d(0, -2px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
@media (hover: hover) and (pointer: fine) {
  .about__portrait:hover {
    box-shadow: 0 34px 86px rgba(77, 51, 31, .18), 0 0 0 1px rgba(183, 140, 86, .15) !important;
  }
}
@media (max-width: 900px) {
  .site-header::before,
  .mobile-nav {
    -webkit-backdrop-filter: blur(12px) saturate(1.06) !important;
    backdrop-filter: blur(12px) saturate(1.06) !important;
  }
  .about__portrait {
    transform: translate3d(0, 0, 0) !important;
  }
  .about__portrait .about__portrait-mono {
    display: none !important;
  }
  [data-ambient-float] {
    animation-duration: 9s !important;
  }
}
html[data-quality=low] .intro__blur,
html[data-quality=low] .intro__orbit,
html[data-quality=low] .service-intro__halo,
html[data-quality=low] .plan-fireflies {
  display: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .about__portrait,
  .about__portrait .about__portrait-mono {
    transition-duration: .01ms !important;
    transform: none !important;
  }
}

/* source-site/assets/reference-palette-v11.css */
:root {
  color-scheme: dark light !important;
  --reference-ink: #11120f;
  --reference-ink-raised: #1b1d17;
  --reference-paper: #f2f0e9;
  --reference-paper-2: #e8e5dc;
  --reference-white: #faf9f5;
  --reference-caption: #55584f;
  --reference-caption-soft: #686b63;
  --reference-line: rgba(17, 18, 15, .16);
  --reference-gold: #b9a16c;
  --reference-gold-bright: #d1bd86;
  --reference-gold-ink: #6b5935;
  --reference-shadow: 0 24px 70px rgba(0, 0, 0, .22);
  --reference-ease: cubic-bezier(.65, 0, .35, 1);
  --reference-ease-out: cubic-bezier(.16, 1, .3, 1);
  --ink: var(--reference-ink) !important;
  --paper: var(--reference-paper) !important;
  --paper-2: var(--reference-paper-2) !important;
  --white: var(--reference-white) !important;
  --muted: var(--reference-caption-soft) !important;
  --line: var(--reference-line) !important;
  --gold: var(--reference-gold) !important;
  --warm-bg: var(--reference-paper) !important;
  --warm-bg-soft: var(--reference-paper-2) !important;
  --warm-surface: rgba(250, 249, 245, .9) !important;
  --warm-surface-solid: var(--reference-white) !important;
  --warm-ink: var(--reference-ink) !important;
  --warm-ink-soft: var(--reference-caption) !important;
  --warm-line: var(--reference-line) !important;
  --warm-gold: var(--reference-gold) !important;
  --warm-gold-light: var(--reference-gold-bright) !important;
  --warm-shadow: var(--reference-shadow) !important;
  --warm-ease: var(--reference-ease) !important;
  --warm-ease-soft: var(--reference-ease) !important;
  --v9-ink: var(--reference-ink) !important;
  --v9-ink-soft: var(--reference-caption) !important;
  --v9-blue: var(--reference-gold) !important;
  --v9-blue-deep: var(--reference-ink-raised) !important;
  --v9-blue-line: var(--reference-line) !important;
  --v9-ease-soft: var(--reference-ease) !important;
  --v9-ease-out: var(--reference-ease-out) !important;
  --v9-ease-inout: var(--reference-ease) !important;
}
html,
body {
  color: var(--reference-ink) !important;
  background: var(--reference-paper) !important;
}
body::after {
  opacity: .045 !important;
  background-image:
    repeating-radial-gradient(
      circle at 20% 30%,
      rgba(255, 255, 255, .58) 0 1px,
      transparent 1px 4px),
    repeating-linear-gradient(
      108deg,
      rgba(0, 0, 0, .28) 0 1px,
      transparent 1px 5px) !important;
  background-size: 8px 8px, 11px 11px !important;
  mix-blend-mode: soft-light !important;
}
::selection {
  color: var(--reference-white) !important;
  background: #696d58 !important;
}
:focus-visible {
  outline: 2px solid var(--reference-gold-bright) !important;
  outline-offset: 4px;
}
.intro {
  color: var(--reference-white) !important;
  background:
    radial-gradient(
      circle at 50% 44%,
      rgba(185, 161, 108, .15),
      transparent 30%),
    radial-gradient(
      circle at 50% 50%,
      #171914 0%,
      #0d0e0c 60%) !important;
}
.intro::before,
.intro::after {
  background: #0d0e0c !important;
}
.intro__stage {
  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(209, 189, 134, .12),
      rgba(27, 29, 23, .28) 28%,
      transparent 63%) !important;
  filter: none !important;
}
.intro__stage::before,
.intro__blur--a,
.intro__blur--b,
.intro__orb {
  background:
    radial-gradient(
      circle,
      rgba(185, 161, 108, .2),
      transparent 68%) !important;
}
.intro__ring,
.intro__orbit,
.intro__axis {
  border-color: rgba(209, 189, 134, .32) !important;
  box-shadow: 0 0 28px rgba(209, 189, 134, .12) !important;
}
.intro__cube-face,
.intro__glass,
.intro__glass--a,
.intro__glass--b,
.intro__glass--c,
.intro__glass--d {
  border-color: rgba(250, 249, 245, .34) !important;
  background:
    linear-gradient(
      145deg,
      rgba(250, 249, 245, .18),
      rgba(185, 161, 108, .09) 50%,
      rgba(13, 14, 12, .24)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .34), 0 20px 58px rgba(0, 0, 0, .22) !important;
}
.intro__line,
.intro__light-slice {
  background:
    linear-gradient(
      104deg,
      transparent 39%,
      rgba(250, 249, 245, .96) 49%,
      rgba(209, 189, 134, .4) 52%,
      transparent 62%) !important;
}
.intro__brand,
.intro__brand strong {
  color: var(--reference-white) !important;
  text-shadow: 0 0 24px rgba(209, 189, 134, .12) !important;
}
.intro__brand span,
.intro__progress,
.intro__skip {
  color: rgba(250, 249, 245, .72) !important;
}
.intro__progress-track {
  background: rgba(250, 249, 245, .16) !important;
}
.intro__progress-track i {
  background:
    linear-gradient(
      90deg,
      #786a4b,
      var(--reference-gold-bright)) !important;
  box-shadow: 0 0 22px rgba(209, 189, 134, .35) !important;
}
.intro__skip {
  border-color: rgba(250, 249, 245, .22) !important;
  background: rgba(13, 14, 12, .28) !important;
}
.site-header,
.site-header.is-scrolled,
.mobile-nav {
  color: var(--reference-white) !important;
  border-color: rgba(250, 249, 245, .14) !important;
  background: rgba(8, 9, 8, .82) !important;
  box-shadow: 0 14px 45px rgba(0, 0, 0, .2) !important;
}
.site-header::before,
.site-header.is-scrolled::before {
  border-color: rgba(250, 249, 245, .14) !important;
  background: rgba(8, 9, 8, .76) !important;
  box-shadow: 0 14px 45px rgba(0, 0, 0, .2) !important;
}
.site-header.is-scrolled,
.site-header.is-scrolled::before {
  background: rgba(8, 9, 8, .94) !important;
}
.wordmark,
.wordmark__meta,
.site-logo,
.site-nav a,
.mobile-nav a,
.mobile-nav p,
.header-cta,
.menu-toggle {
  color: var(--reference-white) !important;
}
.wordmark__meta,
.mobile-nav__eyebrow,
.mobile-nav__foot {
  color: rgba(250, 249, 245, .68) !important;
}
.site-nav a {
  color: rgba(250, 249, 245, .72) !important;
}
.site-nav a:hover,
.site-nav a:focus-visible {
  color: var(--reference-white) !important;
}
.site-nav a.is-active {
  color: var(--reference-ink) !important;
  background: #d5c38e !important;
  box-shadow: 0 0 20px rgba(213, 195, 142, .22) !important;
}
.site-nav a::after,
.scroll-progress,
.gallery-page__progress i,
.music-toggle__bars i {
  background: var(--reference-gold) !important;
}
.header-cta {
  border-color: rgba(250, 249, 245, .36) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.header-cta:hover,
.header-cta:focus-visible {
  color: var(--reference-ink) !important;
  background: var(--reference-white) !important;
}
.menu-toggle__lines,
.menu-toggle__lines::before,
.menu-toggle__lines::after {
  background: var(--reference-white) !important;
}
.floating-controls {
  color: rgba(250, 249, 245, .82) !important;
  border-color: rgba(250, 249, 245, .24) !important;
  background: rgba(12, 13, 11, .88) !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, .26), 0 0 0 1px rgba(185, 161, 108, .08) inset !important;
}
.music-toggle,
.back-to-top {
  color: rgba(250, 249, 245, .82) !important;
  border-color: rgba(250, 249, 245, .16) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.music-toggle:hover,
.back-to-top:hover,
.music-toggle:focus-visible,
.back-to-top:focus-visible {
  color: var(--reference-white) !important;
  background: rgba(250, 249, 245, .1) !important;
}
@media (hover: hover) and (pointer: fine) {
  a,
  button,
  .media.has-photo,
  [data-image-slot].has-photo {
    cursor: pointer !important;
  }
  [data-edit] {
    cursor: default;
  }
  html.editing [data-edit] {
    cursor: text !important;
  }
  .works-exhibit__sticky {
    cursor: default !important;
  }
}
.hero {
  color: var(--reference-white) !important;
  background: var(--reference-ink-raised) !important;
}
.hero__visual,
.hero__media,
.hero__media img,
.work-card img,
.gallery-page img,
.lightbox img {
  filter: none !important;
}
.hero__shade,
.hero::before,
.hero__visual::after,
.hero__media::after {
  background:
    linear-gradient(
      90deg,
      rgba(10, 11, 9, .72) 0%,
      rgba(10, 11, 9, .2) 56%,
      rgba(10, 11, 9, .28) 100%),
    linear-gradient(
      0deg,
      rgba(10, 11, 9, .58),
      transparent 58%),
    radial-gradient(
      circle at 72% 34%,
      rgba(185, 161, 108, .1),
      transparent 42%) !important;
}
.hero__meta,
.hero .eyebrow,
.hero__intro,
.hero__copy p,
.scroll-cue {
  color: rgba(250, 249, 245, .88) !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .48) !important;
}
.hero h1,
.hero__statement {
  color: var(--reference-white) !important;
  text-shadow: 0 4px 34px rgba(0, 0, 0, .46) !important;
}
.hero__copy::before,
.hero__side-line,
.scroll-cue::before,
.scroll-cue i {
  background:
    linear-gradient(
      90deg,
      rgba(250, 249, 245, .3),
      var(--reference-gold-bright),
      rgba(250, 249, 245, .24)) !important;
}
.about {
  color: var(--reference-ink) !important;
  background:
    radial-gradient(
      circle at 18% 14%,
      rgba(255, 255, 255, .58),
      transparent 30%),
    linear-gradient(
      135deg,
      var(--reference-paper) 0%,
      var(--reference-paper-2) 100%) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .7), inset 0 -1px rgba(17, 18, 15, .08) !important;
}
.about::before,
.about::after {
  color: var(--reference-line) !important;
}
.about-letter-fold {
  border-color: rgba(17, 18, 15, .12) !important;
  background:
    radial-gradient(
      circle at 70% 25%,
      rgba(255, 255, 255, .48),
      transparent 30%),
    linear-gradient(
      135deg,
      #f7f5ef,
      var(--reference-paper) 62%,
      #dfdcd2) !important;
  box-shadow: 0 15px 42px rgba(0, 0, 0, .1) !important;
}
.about__portrait {
  border-color: rgba(17, 18, 15, .2) !important;
  background: #d8d7d3 !important;
  box-shadow: 0 34px 90px rgba(25, 24, 20, .16) !important;
}
.about__portrait::before,
.about__portrait::after {
  border-color: rgba(255, 255, 255, .38) !important;
  background:
    linear-gradient(
      140deg,
      rgba(255, 255, 255, .14),
      transparent 28%,
      rgba(17, 18, 15, .05)) !important;
}
.about__copy .eyebrow,
.about__index,
.about__role,
.about__bio {
  color: var(--reference-caption) !important;
}
.about__copy h2 {
  color: var(--reference-ink) !important;
}
.about__role::before {
  background: var(--reference-gold) !important;
}
.about__facts {
  border-color: rgba(17, 18, 15, .14) !important;
  background: rgba(17, 18, 15, .14) !important;
}
.about__facts span {
  color: var(--reference-caption) !important;
  background: var(--reference-paper-2) !important;
}
.about__facts span:hover {
  color: var(--reference-white) !important;
  background: var(--reference-ink) !important;
}
.works,
.works-exhibit {
  color: var(--reference-ink) !important;
  background: var(--reference-paper) !important;
}
.works-exhibit__sticky {
  color: var(--reference-ink) !important;
  background:
    radial-gradient(
      circle at 58% 50%,
      rgba(255, 255, 255, .92) 0 7%,
      rgba(185, 161, 108, .09) 31%,
      transparent 62%),
    linear-gradient(
      145deg,
      #f6f4ee 0%,
      var(--reference-paper) 54%,
      #dfdcd3 100%) !important;
}
.works-exhibit__sticky::before {
  background:
    linear-gradient(
      90deg,
      rgba(17, 18, 15, .34) 0%,
      rgba(17, 18, 15, .1) 9%,
      transparent 28% 74%,
      rgba(17, 18, 15, .09) 91%,
      rgba(17, 18, 15, .3) 100%),
    linear-gradient(
      180deg,
      rgba(17, 18, 15, .1),
      transparent 22% 80%,
      rgba(17, 18, 15, .09)) !important;
  box-shadow: inset 13vw 0 18vw -12vw rgba(17, 18, 15, .4), inset -13vw 0 18vw -12vw rgba(17, 18, 15, .36) !important;
}
.works-exhibit__sticky::after {
  opacity: .55 !important;
  background:
    radial-gradient(
      ellipse at 58% 50%,
      transparent 0 24%,
      rgba(232, 229, 220, .08) 47%,
      rgba(17, 18, 15, .12) 100%),
    repeating-linear-gradient(
      90deg,
      transparent 0 38px,
      rgba(17, 18, 15, .022) 38px 39px) !important;
}
.works-exhibit__intro .eyebrow,
.works-exhibit__intro > p,
.section-heading .eyebrow,
.section-heading > p {
  color: var(--reference-caption) !important;
}
.works-tunnel-guides::before,
.works-tunnel-guides::after,
.works-depth-line,
.works-tunnel-guides > i {
  background:
    linear-gradient(
      90deg,
      rgba(17, 18, 15, .42),
      rgba(185, 161, 108, .2) 54%,
      transparent) !important;
  box-shadow: 0 0 10px rgba(17, 18, 15, .08) !important;
}
.works-depth-vanish {
  border-color: rgba(107, 89, 53, .42) !important;
  background: var(--reference-paper) !important;
  box-shadow: 0 0 22px rgba(185, 161, 108, .24) !important;
}
.works-exhibit .work-card,
.works-exhibit .work-card:nth-child(n),
.spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
  filter: none !important;
  backface-visibility: hidden;
  transition: transform 940ms var(--reference-ease), opacity 720ms var(--reference-ease) !important;
  will-change: auto !important;
}
.works-exhibit__sticky.is-switching .work-card,
.works-exhibit__sticky.is-releasing .work-card {
  transition: transform 1040ms var(--reference-ease), opacity 760ms var(--reference-ease) !important;
}
.works-exhibit__sticky.is-initializing .work-card,
.works-exhibit .work-card[data-depth-instant] {
  transition: none !important;
}
.works-exhibit .work-card[data-depth-current],
.works-exhibit .work-card[data-depth-outgoing],
.works-exhibit .work-card[data-depth-incoming] {
  will-change: transform, opacity !important;
}
.works-exhibit .work-card .media {
  border-color: rgba(250, 249, 245, .8) !important;
  background: #d8d7d3 !important;
  box-shadow: 0 39px 104px rgba(0, 0, 0, .24), 0 0 0 1px rgba(17, 18, 15, .08) !important;
}
.works-exhibit .work-card[data-depth-current] .media {
  box-shadow:
    0 48px 126px rgba(0, 0, 0, .3),
    0 0 0 1px rgba(107, 89, 53, .28),
    0 0 52px rgba(185, 161, 108, .1) !important;
}
.works-exhibit .work-card figcaption,
.works-exhibit .work-card figcaption h3,
.works-exhibit__hud b,
.works-exhibit__hud strong {
  color: var(--reference-ink) !important;
  text-shadow: none !important;
}
.works-exhibit .work-card figcaption p,
.works-exhibit .work-card figcaption b {
  color: var(--reference-caption) !important;
}
.works-exhibit__hud {
  color: var(--reference-caption) !important;
  padding: 22px 34px 24px 0 !important;
  background:
    linear-gradient(
      90deg,
      rgba(242, 240, 233, .98) 0%,
      rgba(242, 240, 233, .88) 72%,
      rgba(242, 240, 233, 0) 100%) !important;
  filter: none !important;
  transition: opacity 560ms var(--reference-ease), transform 760ms var(--reference-ease) !important;
}
.works-exhibit__hud > span,
.works-exhibit__hud b,
.works-exhibit__hud em,
.works-depth-indicator small {
  color: var(--reference-caption) !important;
  opacity: 1 !important;
}
.works-exhibit__hud p {
  color: #454840 !important;
  opacity: 1 !important;
}
.works-exhibit__sticky.is-copy-hidden .works-exhibit__hud {
  opacity: 0 !important;
  filter: none !important;
  transform: translate3d(-28px, calc(-50% + 6px), 0) !important;
}
.works-exhibit__hud::after {
  opacity: .5 !important;
  background:
    linear-gradient(
      90deg,
      rgba(17, 18, 15, .48),
      rgba(185, 161, 108, .26) 62%,
      transparent) !important;
  box-shadow: 0 0 8px rgba(17, 18, 15, .08) !important;
}
.works-depth-indicator__track::before {
  background:
    repeating-linear-gradient(
      90deg,
      rgba(17, 18, 15, .34) 0 1px,
      transparent 1px 16.5%),
    linear-gradient(
      90deg,
      rgba(17, 18, 15, .42),
      rgba(185, 161, 108, .22)) !important;
}
#works-depth-indicator-ball {
  left: 0 !important;
  border-color: rgba(17, 18, 15, .48) !important;
  background:
    radial-gradient(
      circle at 31% 27%,
      #fff 0 8%,
      #e2ca8e 27%,
      #b9a16c 64%,
      #4e432a 100%) !important;
  box-shadow:
    0 5px 12px rgba(0, 0, 0, .22),
    0 0 17px rgba(185, 161, 108, .22),
    inset 0 1px rgba(255, 255, 255, .78) !important;
  transform: translate3d(var(--indicator-x, 0px), -50%, 0);
  transition: transform 940ms var(--reference-ease), box-shadow 560ms var(--reference-ease) !important;
  will-change: transform;
}
.works-exhibit__sticky.is-switching #works-depth-indicator-ball,
.works-exhibit__sticky.is-stage-focused #works-depth-indicator-ball {
  transform: translate3d(var(--indicator-x, 0px), -50%, 0) scale(1.08);
}
.works-loop-controls {
  color: rgba(250, 249, 245, .82) !important;
  border-color: rgba(250, 249, 245, .2) !important;
  background: rgba(13, 14, 12, .86) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18), inset 0 1px rgba(250, 249, 245, .08) !important;
}
.works-loop-controls button,
.works-loop-controls span {
  color: rgba(250, 249, 245, .82) !important;
}
.works-loop-controls button:hover,
.works-loop-controls button:focus-visible {
  color: var(--reference-ink) !important;
  background: var(--reference-gold-bright) !important;
}
.manifesto {
  color: var(--reference-white) !important;
  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(148, 141, 106, .23),
      transparent 29%),
    var(--reference-ink) !important;
}
.manifesto *,
.booking,
.booking h2,
.booking h3 {
  color: var(--reference-white) !important;
}
.manifesto > span,
.manifesto__inner > span {
  color: rgba(250, 249, 245, .68) !important;
}
.booking {
  background: #161714 !important;
}
.booking .section-heading .eyebrow,
.booking .section-heading > p,
.booking-step p {
  color: rgba(250, 249, 245, .74) !important;
}
.booking-steps,
.booking-step {
  border-color: rgba(250, 249, 245, .16) !important;
}
.booking-step {
  background: transparent !important;
  box-shadow: none !important;
}
.booking-step b {
  color: var(--reference-gold-bright) !important;
}
.services {
  color: var(--reference-ink) !important;
  background: var(--reference-paper-2) !important;
}
.package {
  color: var(--reference-ink) !important;
  border-color: var(--reference-line) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.package__tag,
.package__note,
.package ul {
  color: var(--reference-caption) !important;
}
.package:hover,
.package--featured {
  color: var(--reference-white) !important;
  background: var(--reference-ink) !important;
}
.package:hover .package__tag,
.package:hover .package__note,
.package:hover ul,
.package--featured .package__tag,
.package--featured .package__note,
.package--featured ul {
  color: rgba(250, 249, 245, .76) !important;
}
.package li::before {
  color: var(--reference-gold-bright) !important;
}
.service-intro,
.plans {
  color: var(--reference-white) !important;
  background:
    radial-gradient(
      circle at 12% 78%,
      rgba(185, 161, 108, .14),
      transparent 31%),
    radial-gradient(
      circle at 84% 18%,
      rgba(105, 109, 88, .16),
      transparent 34%),
    #0d0e0c !important;
}
.service-intro .eyebrow,
.service-intro__lead,
.service-intro__aside,
.service-intro small,
.service-plan li,
.service-rules p,
.makeup-showcase p {
  color: rgba(250, 249, 245, .78) !important;
}
.service-plan,
.service-extra,
.service-rules,
.makeup-showcase {
  color: var(--reference-white) !important;
  border-color: rgba(250, 249, 245, .17) !important;
  background: rgba(250, 249, 245, .055) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .24) !important;
}
.service-plan__top > span,
.service-extra__heading > span,
.service-rules__title > span,
.makeup-showcase__copy > span,
.service-rules__list b {
  color: var(--reference-gold-bright) !important;
}
.plan-fireflies {
  opacity: .72 !important;
  mix-blend-mode: screen !important;
}
.contact {
  color: var(--reference-ink) !important;
  background:
    radial-gradient(
      circle at var(--contact-x, 70%) var(--contact-y, 35%),
      rgba(185, 161, 108, .15),
      transparent 28%),
    var(--reference-paper) !important;
}
.contact::before {
  color: rgba(17, 18, 15, .035) !important;
}
.contact__lead .eyebrow,
.contact__lead p,
.contact-grid span {
  color: var(--reference-caption) !important;
}
.contact-grid,
.contact-grid > div {
  border-color: var(--reference-line) !important;
}
.contact-grid > div {
  color: var(--reference-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.contact-grid > div:hover {
  color: var(--reference-white) !important;
  background: #151711 !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .16) !important;
}
.contact-grid > div:hover span {
  color: rgba(250, 249, 245, .72) !important;
}
.site-footer {
  color: rgba(250, 249, 245, .7) !important;
  border-color: rgba(250, 249, 245, .12) !important;
  background: #0d0e0c !important;
}
.site-footer .wordmark {
  color: var(--reference-white) !important;
}
.gallery-page,
.lightbox {
  color: var(--reference-white) !important;
  background:
    radial-gradient(
      circle at 74% 18%,
      rgba(102, 105, 77, .2),
      transparent 32%),
    #0b0c0a !important;
}
.gallery-page__header,
.gallery-page__footer,
.lightbox__controls,
.gallery-manager,
.owner-panel,
.owner-tools {
  color: var(--reference-white) !important;
  border-color: rgba(250, 249, 245, .16) !important;
  background: rgba(11, 12, 10, .86) !important;
}
.gallery-page__title span,
.gallery-page__meta small,
.gallery-page__footer p,
.gallery-page__item figcaption,
.lightbox__caption,
.lightbox__counter,
.owner-tools__hint {
  color: rgba(250, 249, 245, .7) !important;
}
.gallery-page__item figcaption {
  background: rgba(0, 0, 0, .62) !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .7);
}
.gallery-page button,
.lightbox button,
.gallery-manager button,
.owner-panel button,
.owner-tools button {
  color: var(--reference-white) !important;
  border-color: rgba(250, 249, 245, .24) !important;
}
.gallery-manager button.primary,
.owner-tools button.primary,
html.editing [data-image-slot]::after,
.edit-toast {
  color: var(--reference-ink) !important;
  border-color: #e8e1cf !important;
  background: #e8e1cf !important;
}
html.editing [data-edit] {
  outline-color: var(--reference-gold) !important;
}
html.editing [data-image-slot] {
  outline-color: var(--reference-gold) !important;
}
[data-ambient-float] {
  animation: reference-ambient-float 8s var(--reference-ease) var(--ambient-delay, 0s) infinite !important;
}
@keyframes reference-ambient-float {
  0%, 100% {
    transform: translate3d(0, -2px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
@media (max-width: 900px) {
  .site-header,
  .site-header::before,
  .mobile-nav {
    background: rgba(8, 9, 8, .94) !important;
  }
  .works-exhibit__hud {
    padding: 18px 24px 20px 0 !important;
    background:
      linear-gradient(
        90deg,
        rgba(242, 240, 233, .98) 0%,
        rgba(242, 240, 233, .88) 78%,
        rgba(242, 240, 233, 0) 100%) !important;
  }
  .works-exhibit__sticky.is-copy-hidden .works-exhibit__hud {
    transform: translate3d(-22px, 8px, 0) !important;
  }
}
@media (max-width: 560px) {
  .works-exhibit__hud {
    width: min(84vw, 340px) !important;
    max-width: min(84vw, 340px) !important;
  }
  .works-exhibit__hud p {
    display: -webkit-box !important;
    margin-top: 9px !important;
    overflow: hidden;
    color: #3f423b !important;
    font-size: 12px !important;
    line-height: 1.72 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .works-exhibit__hud em {
    display: none !important;
  }
  .works-depth-indicator small {
    color: #4a4d45 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .works-exhibit .work-card,
  .works-exhibit__hud,
  #works-depth-indicator-ball {
    transition-duration: .01ms !important;
  }
}

/* source-site/assets/v14-refinements.css */
:root {
  --v14-ease-out: cubic-bezier(.16, 1, .3, 1);
  --v14-ease-soft: cubic-bezier(.22, .72, .2, 1);
  --v14-ivory: #eee8d9;
  --v14-ivory-deep: #d8ccb6;
  --v14-ink: #28251f;
  --v14-wax: #a51f2f;
  --v14-wax-deep: #5e0f1b;
}
.manifesto__inner > p > span[data-edit] {
  margin-top: 0 !important;
  color: inherit !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  letter-spacing: .04em !important;
}
.booking-steps {
  perspective: 1500px;
  perspective-origin: 50% 50%;
}
.booking-step {
  --v14-flip-from: -96deg;
  --v14-flip-origin: 100% 50%;
  --v14-copy-shift: -8px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transform-style: preserve-3d;
  transition: border-color .62s var(--v14-ease-soft), box-shadow .62s var(--v14-ease-soft) !important;
}
.booking-step:nth-child(3),
.booking-step:nth-child(4) {
  --v14-flip-from: 96deg;
  --v14-flip-origin: 0% 50%;
  --v14-copy-shift: 8px;
}
.booking-step::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(
      112deg,
      rgba(255, 255, 255, .96),
      rgba(244, 244, 240, .98) 58%,
      #fff 100%);
  border: 1px solid rgba(31, 31, 28, .08);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 28px 70px rgba(0, 0, 0, .12);
  transform-origin: var(--v14-flip-origin);
  transform: rotateY(var(--v14-flip-from));
  backface-visibility: hidden;
  transition: transform .78s cubic-bezier(.18, .86, .22, 1);
  will-change: transform;
}
.booking-step > * {
  position: relative;
  z-index: 1;
  transform: translate3d(0, 0, 24px);
  transition:
    color .34s ease .08s,
    transform .72s var(--v14-ease-out),
    text-shadow .42s ease !important;
}
@media (hover: hover) and (pointer: fine) {
  .booking-step:hover::before {
    transform: rotateY(0deg);
  }
  .booking-step:hover {
    border-color: rgba(255, 255, 255, .42) !important;
    box-shadow: 0 28px 76px rgba(0, 0, 0, .18) !important;
  }
  .booking-step:hover > * {
    color: var(--v14-ink) !important;
    transform: translate3d(var(--v14-copy-shift), -3px, 34px);
    text-shadow: none !important;
  }
  .booking-step:hover p,
  .booking-step:hover b,
  .booking-step:hover h3 {
    color: var(--v14-ink) !important;
  }
}
.booking-step.is-v14-flipped::before {
  transform: rotateY(0deg);
}
.booking-step.is-v14-flipped > *,
.booking-step.is-v14-flipped p,
.booking-step.is-v14-flipped b,
.booking-step.is-v14-flipped h3 {
  color: var(--v14-ink) !important;
}
.about-envelope-experience {
  --env-tilt-x: 0deg;
  --env-tilt-y: 0deg;
  --env-tap-z: 0px;
  --env-tap-scale: 1;
  --env-light-x: 50%;
  --env-light-y: 34%;
}
.len-envelope {
  cursor: pointer;
  transform-origin: 50% 52%;
}
.about-envelope-experience.is-approaching:not(.is-opening) .len-envelope {
  transform: translate3d(-50%, -48%, var(--env-tap-z)) rotateX(var(--env-tilt-x)) rotateY(var(--env-tilt-y)) rotateZ(-.35deg) scale(var(--env-tap-scale)) !important;
  transition:
    opacity .34s ease,
    filter .72s ease,
    transform .48s cubic-bezier(.18, .82, .22, 1) !important;
}
.about-envelope-experience.is-envelope-tapped {
  --env-tap-z: 18px;
  --env-tap-scale: .974;
}
.len-envelope::before {
  content: "";
  position: absolute;
  inset: -2.5%;
  z-index: 12;
  pointer-events: none;
  border-radius: 2px;
  opacity: .56;
  background:
    radial-gradient(
      circle at var(--env-light-x) var(--env-light-y),
      rgba(255, 255, 255, .44),
      transparent 24%),
    linear-gradient(
      112deg,
      transparent 36%,
      rgba(255, 250, 232, .18) 49%,
      transparent 62%);
  mix-blend-mode: soft-light;
  transform: translateZ(58px);
  transition: opacity .4s ease;
}
.len-envelope__back {
  background:
    radial-gradient(
      circle at 16% 18%,
      rgba(112, 89, 61, .08) 0 .7px,
      transparent 1.5px),
    radial-gradient(
      circle at 72% 66%,
      rgba(255, 255, 255, .42) 0 .8px,
      transparent 1.5px),
    repeating-linear-gradient(
      3deg,
      rgba(92, 74, 50, .026) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      137deg,
      #f4efe3 0%,
      var(--v14-ivory) 52%,
      var(--v14-ivory-deep) 100%) !important;
  border-color: rgba(90, 74, 53, .34) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .85),
    inset 0 -2px rgba(93, 72, 49, .16),
    inset 0 -24px 50px rgba(99, 76, 50, .06),
    0 38px 92px rgba(0, 0, 0, .42) !important;
}
.len-envelope__pocket {
  background:
    repeating-linear-gradient(
      4deg,
      rgba(90, 71, 48, .022) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      145deg,
      #eee6d5,
      #e1d5be 64%,
      #cfc0a5) !important;
  border-color: rgba(91, 72, 50, .28) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .72),
    inset 0 -2px rgba(80, 61, 42, .13),
    inset 0 -22px 44px rgba(93, 71, 48, .05) !important;
}
.len-envelope__pocket::before {
  border-left-color: rgba(113, 91, 64, .18) !important;
  background:
    linear-gradient(
      125deg,
      rgba(255, 255, 255, .2),
      rgba(92, 70, 48, .025)) !important;
}
.len-envelope__pocket::after {
  border-right-color: rgba(91, 71, 49, .18) !important;
  background:
    linear-gradient(
      230deg,
      rgba(255, 255, 255, .14),
      rgba(90, 68, 46, .04)) !important;
}
.len-envelope__flap {
  background:
    radial-gradient(
      circle at 71% 26%,
      rgba(99, 76, 51, .07) 0 .7px,
      transparent 1.4px),
    repeating-linear-gradient(
      4deg,
      rgba(89, 68, 46, .022) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      169deg,
      #f2ecdf,
      #e5dac6 66%,
      #cdbda2) !important;
  border-color: rgba(91, 72, 50, .28) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .82),
    inset 0 -2px rgba(80, 61, 42, .14),
    0 8px 18px rgba(56, 42, 28, .12) !important;
}
.len-envelope__corner-curl {
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 8;
  width: clamp(32px, 4.4vw, 58px);
  aspect-ratio: 1;
  pointer-events: none;
  clip-path: polygon(22% 0, 100% 0, 100% 79%, 84% 68%, 71% 53%, 57% 39%, 40% 26%);
  background:
    linear-gradient(
      138deg,
      rgba(117, 91, 61, .18) 0 7%,
      transparent 8% 48%,
      rgba(255, 255, 255, .62) 49% 65%,
      rgba(174, 157, 129, .42) 66% 100%),
    #e6dbc7;
  box-shadow: -8px 10px 15px rgba(65, 49, 33, .13);
  transform: translateZ(12px) rotateZ(1.5deg);
}
.len-envelope__corner-curl::after {
  content: "";
  position: absolute;
  inset: 11% 7% 8% 20%;
  border-top: 1px solid rgba(96, 74, 49, .22);
  transform: rotate(42deg);
  transform-origin: 100% 0;
  opacity: .75;
}
.len-envelope__seal {
  color: rgba(255, 225, 214, .9) !important;
  border: 1px solid rgba(91, 10, 24, .9) !important;
  border-radius: 48% 52% 45% 55% / 52% 45% 55% 48% !important;
  background:
    radial-gradient(
      circle at 31% 25%,
      rgba(255, 176, 160, .42),
      transparent 18%),
    radial-gradient(
      circle at 68% 76%,
      rgba(55, 0, 10, .28),
      transparent 28%),
    linear-gradient(
      145deg,
      #c73a49 0%,
      var(--v14-wax) 42%,
      var(--v14-wax-deep) 100%) !important;
  box-shadow:
    0 9px 20px rgba(45, 5, 12, .38),
    0 2px 3px rgba(0, 0, 0, .18),
    inset 0 0 0 3px rgba(255, 191, 177, .12),
    inset 0 1px rgba(255, 205, 191, .42),
    inset 0 -3px rgba(69, 4, 16, .34) !important;
  text-shadow: 0 1px 1px rgba(70, 0, 12, .45) !important;
}
.len-envelope__seal::before,
.len-envelope__seal::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}
.len-envelope__seal::before {
  inset: 5px;
  border: 1px solid rgba(255, 201, 187, .22);
  box-shadow: inset 0 0 0 1px rgba(88, 3, 18, .24);
}
.len-envelope__seal::after {
  inset: -4px -3px -5px -4px;
  z-index: -1;
  background: rgba(139, 18, 35, .22);
  filter: blur(.4px);
  transform: rotate(-7deg);
}
.about-envelope-experience.is-opening .len-envelope__flap {
  animation: v14-flap-open 1.04s cubic-bezier(.18, .82, .22, 1) forwards !important;
  will-change: transform;
}
.about-envelope-experience.is-opening .len-envelope__seal {
  opacity: 0 !important;
  transform: translate(-50%, -50%) scale(.7) rotate(-7deg) !important;
  transition: opacity .38s ease, transform .5s var(--v14-ease-out) !important;
}
.about-envelope-experience.is-opening .len-envelope__letter {
  animation: v14-letter-release 1.48s cubic-bezier(.16, .82, .22, 1) .12s both !important;
  will-change:
    transform,
    filter,
    opacity;
}
.about-envelope-experience.is-closing-to-about .len-envelope {
  animation: v14-envelope-retreat .9s cubic-bezier(.38, .08, .24, 1) forwards !important;
}
@keyframes v14-flap-open {
  0% {
    z-index: 5;
    transform: rotateX(0deg) translateZ(0);
    filter: brightness(1);
  }
  100% {
    z-index: 0;
    transform: rotateX(171deg) translateZ(-2px) scaleY(.985);
    filter: brightness(.86);
  }
}
@keyframes v14-letter-release {
  0% {
    z-index: 2;
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 4%, 4px) rotateX(0deg) rotateZ(.08deg) scale(.99);
  }
  100% {
    z-index: 9;
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, -72%, 82px) rotateX(-1.2deg) rotateZ(-.18deg) scale(1.025);
  }
}
@keyframes v14-envelope-retreat {
  from {
    opacity: 1;
    filter: blur(0) saturate(.96);
    transform: translate3d(-50%, -48%, 0) rotateX(0) rotateY(0) rotateZ(-.35deg) scale(1);
  }
  to {
    opacity: .14;
    filter: blur(5px) saturate(.8);
    transform: translate3d(-50%, -43%, -165px) rotateX(2deg) rotateY(0) rotateZ(-.8deg) scale(.86);
  }
}
@media (max-width: 700px) {
  .manifesto__inner > p > span[data-edit] {
    font-size: 14px !important;
    line-height: 1.72 !important;
  }
  .len-envelope::before {
    opacity: .42;
  }
}
html[data-quality=low] .len-envelope::before {
  opacity: .26;
  mix-blend-mode: normal;
}
@media (prefers-reduced-motion: reduce) {
  .booking-step::before,
  .booking-step > *,
  .about-envelope-experience.is-approaching .len-envelope {
    transition-duration: .18s !important;
  }
  .about-envelope-experience.is-opening .len-envelope__flap,
  .about-envelope-experience.is-opening .len-envelope__letter,
  .about-envelope-experience.is-closing-to-about .len-envelope {
    animation-duration: .28s !important;
    animation-delay: 0s !important;
  }
}

/* source-site/assets/v15-envelope-solid.css */
.len-envelope__back,
.len-envelope__letter,
.len-envelope__pocket,
.len-envelope__flap,
.len-envelope__seal {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.about-envelope-experience.is-approaching .len-envelope,
.about-envelope-experience.is-awaiting-open .len-envelope,
.about-envelope-experience.is-envelope-tapped .len-envelope,
.about-envelope-experience.is-opening .len-envelope {
  opacity: 1 !important;
  filter: none !important;
}
.len-envelope__back {
  opacity: 1 !important;
  background:
    radial-gradient(
      circle at 16% 18%,
      rgba(101, 77, 49, .09) 0 .7px,
      transparent 1.45px),
    radial-gradient(
      circle at 72% 66%,
      rgba(255, 255, 255, .5) 0 .8px,
      transparent 1.45px),
    repeating-linear-gradient(
      3deg,
      rgba(86, 65, 42, .032) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      137deg,
      #f5efe2 0%,
      #eee5d4 51%,
      #d8c8ad 100%) !important;
  border: 1px solid rgba(78, 58, 37, .42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    inset 0 -2px 0 rgba(75, 54, 34, .18),
    inset 0 -24px 48px rgba(88, 64, 39, .08),
    0 5px 8px rgba(42, 29, 18, .18),
    0 34px 82px rgba(0, 0, 0, .5) !important;
}
.len-envelope__pocket {
  opacity: 1 !important;
  background:
    repeating-linear-gradient(
      4deg,
      rgba(83, 62, 39, .03) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      145deg,
      #efe6d5 0%,
      #dfd2bb 63%,
      #c9b899 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .78),
    inset 0 -2px 0 rgba(74, 53, 33, .16),
    inset 0 -22px 42px rgba(77, 55, 34, .07),
    0 -2px 4px rgba(65, 45, 28, .08) !important;
}
.len-envelope__flap {
  opacity: 1 !important;
  background:
    radial-gradient(
      circle at 71% 26%,
      rgba(90, 66, 41, .08) 0 .7px,
      transparent 1.4px),
    repeating-linear-gradient(
      4deg,
      rgba(83, 61, 38, .03) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      169deg,
      #f4ecdf 0%,
      #e4d8c3 65%,
      #c9b696 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .84),
    inset 0 -2px 0 rgba(75, 53, 32, .17),
    0 7px 15px rgba(52, 36, 22, .16) !important;
}
.len-envelope__letter {
  opacity: 1 !important;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(83, 63, 42, .022) 0 1px,
      transparent 1px 6px),
    linear-gradient(
      108deg,
      #fffdf8 0%,
      #f7f1e5 56%,
      #e8dcc6 100%) !important;
  border-color: rgba(92, 70, 44, .28) !important;
  box-shadow:
    0 3px 6px rgba(47, 32, 19, .16),
    0 17px 38px rgba(7, 8, 8, .28),
    inset 0 1px 0 rgba(255, 255, 255, .96),
    inset 0 -1px 0 rgba(82, 60, 37, .12) !important;
}
.len-envelope__seal {
  opacity: 1;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.about-envelope-experience.is-opening .len-envelope__back,
.about-envelope-experience.is-opening .len-envelope__pocket,
.about-envelope-experience.is-opening .len-envelope__flap,
.about-envelope-experience.is-opening .len-envelope__letter {
  filter: none !important;
}
.about-envelope-experience.is-closing-to-about .len-envelope {
  animation: v15-envelope-solid-retreat .9s cubic-bezier(.38, .08, .24, 1) forwards !important;
}
@keyframes v15-envelope-solid-retreat {
  from {
    opacity: 1;
    filter: none;
    transform: translate3d(-50%, -48%, 0) rotateX(0) rotateY(0) rotateZ(-.35deg) scale(1);
  }
  to {
    opacity: .72;
    filter: none;
    transform: translate3d(-50%, -43%, -190px) rotateX(2deg) rotateY(0) rotateZ(-.8deg) scale(.84);
  }
}
html[data-quality=low] .len-envelope__back,
html[data-quality=low] .len-envelope__letter,
html[data-quality=low] .len-envelope__pocket,
html[data-quality=low] .len-envelope__flap,
html[data-quality=low] .len-envelope__seal {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .about-envelope-experience.is-closing-to-about .len-envelope {
    animation-duration: .28s !important;
  }
}

/* source-site/assets/v16-jitter.css */
:root {
  --v16-jitter-ease: cubic-bezier(.2,.84,.2,1);
}
.about-envelope-experience.is-v16-entrance-jitter .len-envelope {
  animation: v16-envelope-entrance-jitter 1.65s var(--v16-jitter-ease) both;
  will-change: translate, rotate;
}
.about-envelope-experience.is-v16-entrance-jitter .len-envelope__seal {
  animation: v16-seal-follow-jitter 1.28s cubic-bezier(.2, .75, .2, 1) .08s both;
  will-change: rotate;
}
.about-envelope-experience.is-v16-click-jitter .len-envelope {
  animation: v16-envelope-click-jitter .42s cubic-bezier(.22, .72, .2, 1) both;
  will-change: translate, rotate;
}
.about-envelope-experience.is-v16-click-jitter .len-envelope__seal {
  animation: v16-seal-click-jitter .34s ease-out both;
}
@keyframes v16-envelope-entrance-jitter {
  0% {
    translate: 0 0;
    rotate: 0deg;
  }
  12% {
    translate: -3px 1px;
    rotate: -2.25deg;
  }
  24% {
    translate: 4px -2px;
    rotate: 2.7deg;
  }
  38% {
    translate: -3px 2px;
    rotate: -1.75deg;
  }
  52% {
    translate: 2px -1px;
    rotate: 1.2deg;
  }
  66% {
    translate: -1px 1px;
    rotate: -.62deg;
  }
  80% {
    translate: .6px 0;
    rotate: .3deg;
  }
  100% {
    translate: 0 0;
    rotate: 0deg;
  }
}
@keyframes v16-envelope-click-jitter {
  0% {
    translate: 0 0;
    rotate: 0deg;
  }
  18% {
    translate: -5px 1px;
    rotate: -2.8deg;
  }
  38% {
    translate: 5px -1px;
    rotate: 2.55deg;
  }
  58% {
    translate: -3px 1px;
    rotate: -1.55deg;
  }
  78% {
    translate: 2px 0;
    rotate: .85deg;
  }
  100% {
    translate: 0 0;
    rotate: 0deg;
  }
}
@keyframes v16-seal-follow-jitter {
  0%, 100% {
    rotate: 0deg;
  }
  20% {
    rotate: 3.6deg;
  }
  39% {
    rotate: -3deg;
  }
  58% {
    rotate: 1.8deg;
  }
  76% {
    rotate: -.8deg;
  }
}
@keyframes v16-seal-click-jitter {
  0%, 100% {
    rotate: 0deg;
  }
  30% {
    rotate: -4deg;
  }
  62% {
    rotate: 3deg;
  }
}
html:not(.editing) .works-exhibit__intro .eyebrow:hover,
html:not(.editing) .works-exhibit__intro h2:hover,
html:not(.editing) .works-exhibit__intro > div:last-child > span:hover,
html:not(.editing) .works-exhibit__hud strong:hover,
html:not(.editing) .works-exhibit__hud p:hover,
.works-exhibit__intro .is-v16-copy-jitter,
.works-exhibit__hud.is-v16-copy-jitter strong,
.works-exhibit__hud.is-v16-copy-jitter p {
  animation: v16-copy-jitter .48s cubic-bezier(.2, .76, .24, 1) both;
  will-change: translate, rotate;
}
@keyframes v16-copy-jitter {
  0% {
    translate: 0 0;
    rotate: 0deg;
  }
  20% {
    translate: -1.8px .5px;
    rotate: -.34deg;
  }
  42% {
    translate: 1.5px -.5px;
    rotate: .28deg;
  }
  62% {
    translate: -.9px .35px;
    rotate: -.16deg;
  }
  80% {
    translate: .45px 0;
    rotate: .08deg;
  }
  100% {
    translate: 0 0;
    rotate: 0deg;
  }
}
@media (hover: none), (pointer: coarse) {
  .about-envelope-experience.is-v16-click-jitter .len-envelope {
    animation-duration: .38s;
  }
}
html[data-quality=low] .about-envelope-experience.is-v16-entrance-jitter .len-envelope {
  animation-duration: 1.2s;
}
html[data-quality=low] .works-exhibit__hud.is-v16-copy-jitter strong,
html[data-quality=low] .works-exhibit__hud.is-v16-copy-jitter p {
  animation-duration: .34s;
}
@media (prefers-reduced-motion: reduce) {
  .about-envelope-experience.is-v16-entrance-jitter .len-envelope,
  .about-envelope-experience.is-v16-entrance-jitter .len-envelope__seal,
  .about-envelope-experience.is-v16-click-jitter .len-envelope,
  .about-envelope-experience.is-v16-click-jitter .len-envelope__seal,
  .works-exhibit__intro .is-v16-copy-jitter,
  .works-exhibit__hud.is-v16-copy-jitter strong,
  .works-exhibit__hud.is-v16-copy-jitter p {
    animation-duration: .16s !important;
    animation-iteration-count: 1 !important;
  }
}

/* source-site/assets/v17-envelope-physical.css */
.len-envelope,
.len-envelope__back,
.len-envelope__letter,
.len-envelope__pocket,
.len-envelope__flap,
.len-envelope__seal {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}
.len-envelope::before,
.len-envelope__back::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  mix-blend-mode: normal !important;
}
.len-envelope__back {
  opacity: 1 !important;
  background-color: #eee5d4 !important;
}
.len-envelope__letter {
  opacity: 1 !important;
  background-color: #f7f1e5 !important;
}
.len-envelope__pocket {
  opacity: 1 !important;
  background-color: #dfd2bb !important;
}
.len-envelope__flap {
  opacity: 1 !important;
  background-color: #e4d8c3 !important;
}
.len-envelope__seal {
  background-color: #8f172b !important;
}
.about-envelope-experience .len-envelope,
.about-envelope-experience.is-approaching .len-envelope,
.about-envelope-experience.is-awaiting-open .len-envelope,
.about-envelope-experience.is-v16-entrance-jitter .len-envelope,
.about-envelope-experience.is-v16-click-jitter .len-envelope,
.about-envelope-experience.is-envelope-tapped .len-envelope,
.about-envelope-experience.is-opening .len-envelope,
.about-envelope-experience.is-closing-to-about .len-envelope {
  filter: none !important;
}
.about-envelope-experience.is-awaiting-open:not(.is-opening) .len-envelope {
  scale: 1;
  transition:
    opacity .34s ease,
    filter .34s ease,
    transform .48s cubic-bezier(.18, .82, .22, 1),
    scale 1.05s cubic-bezier(.16, 1, .3, 1) !important;
  will-change: transform, scale;
}
@media (hover: hover) and (pointer: fine) {
  .about-envelope-experience.is-awaiting-open:not(.is-opening) .len-envelope:hover {
    scale: 1.24;
  }
}
.about-envelope-experience.is-opening .len-envelope,
.about-envelope-experience.is-closing-to-about .len-envelope {
  scale: 1 !important;
}
.about-envelope-experience.is-closing-to-about .len-envelope {
  animation: v17-envelope-solid-retreat .9s cubic-bezier(.38, .08, .24, 1) forwards !important;
}
@keyframes v17-envelope-solid-retreat {
  from {
    opacity: 1;
    filter: none;
    transform: translate3d(-50%, -48%, 0) rotateX(0) rotateY(0) rotateZ(-.35deg) scale(1);
  }
  to {
    opacity: 1;
    filter: none;
    transform: translate3d(-50%, -43%, -190px) rotateX(2deg) rotateY(0) rotateZ(-.8deg) scale(.84);
  }
}
@media (hover: none), (pointer: coarse) {
  .about-envelope-experience.is-awaiting-open:not(.is-opening) .len-envelope {
    scale: 1;
  }
}
html[data-quality=low] .len-envelope,
html[data-quality=low] .len-envelope__back,
html[data-quality=low] .len-envelope__letter,
html[data-quality=low] .len-envelope__pocket,
html[data-quality=low] .len-envelope__flap,
html[data-quality=low] .len-envelope__seal {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .about-envelope-experience.is-awaiting-open:not(.is-opening) .len-envelope {
    transition: none !important;
    scale: 1 !important;
  }
  .about-envelope-experience.is-closing-to-about .len-envelope {
    animation-duration: .25s !important;
  }
}

/* source-site/assets/v18-refinements.css */
#works .works-v18-float {
  --plan-float-x: 0px;
  --plan-float-y: 0px;
  --plan-float-r: 0deg;
  transition:
    transform .58s cubic-bezier(.16, 1, .3, 1),
    text-shadow .42s ease,
    opacity .42s ease !important;
  transform-origin: 50% 60%;
}
#works .works-v18-float.plan-float-target {
  position: relative;
  z-index: 12;
  transform: translate3d(var(--plan-float-x), calc(-3px + var(--plan-float-y)), 0) rotate(var(--plan-float-r)) scale(1.008) !important;
  text-shadow: 0 10px 26px rgba(41, 92, 119, .13);
}
#works .works-v18-float.plan-float-target.is-plan-float-tap {
  transform: translate3d(var(--plan-float-x), calc(-6px + var(--plan-float-y)), 0) rotate(var(--plan-float-r)) scale(1.014) !important;
  text-shadow: 0 13px 30px rgba(41, 92, 119, .18);
}
#works .works-exhibit__intro .eyebrow,
#works .works-exhibit__intro h2,
#works .works-exhibit__intro p > span,
#works .works-exhibit__hud > span,
#works .works-exhibit__hud > b,
#works .works-exhibit__hud > strong,
#works .works-exhibit__hud > p,
#works .works-exhibit__hud > em {
  will-change: transform;
}
#works .works-exhibit__intro p > span,
#works .works-exhibit__hud > span,
#works .works-exhibit__hud > b,
#works .works-exhibit__hud > strong,
#works .works-exhibit__hud > em {
  display: inline-block;
}
html:not(.editing) #works .works-exhibit__intro .eyebrow:hover,
html:not(.editing) #works .works-exhibit__intro h2:hover,
html:not(.editing) #works .works-exhibit__intro > p > span:hover,
html:not(.editing) #works .works-exhibit__hud strong:hover,
html:not(.editing) #works .works-exhibit__hud p:hover,
#works .works-exhibit__intro .is-v16-copy-jitter,
#works .works-exhibit__hud.is-v16-copy-jitter strong,
#works .works-exhibit__hud.is-v16-copy-jitter p {
  animation: none !important;
}
html.editing #works .works-v18-float {
  transform: none !important;
  text-shadow: none !important;
}
.about-envelope-experience:not(.is-opening):not(.is-closing-to-about) .len-envelope__letter {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translate3d(0, 18%, 0) rotateX(0) rotateZ(.08deg) scale(.985) !important;
}
.about-envelope-experience:not(.is-opening):not(.is-closing-to-about) .len-envelope__flap,
.about-envelope-experience.is-awaiting-open .len-envelope__flap {
  z-index: 5 !important;
  transform: rotateX(0deg) translateZ(0) !important;
  filter: none !important;
}
.about-envelope-experience:not(.is-opening):not(.is-closing-to-about) .len-envelope__seal,
.about-envelope-experience.is-awaiting-open .len-envelope__seal {
  opacity: 1 !important;
  visibility: visible !important;
}
.about-envelope-experience.is-opening .len-envelope__letter {
  visibility: visible !important;
}
.len-envelope__back {
  border-color: rgba(72, 51, 31, .5) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .86),
    inset 0 -2px 0 rgba(72, 50, 30, .2),
    inset 5px 0 13px rgba(77, 53, 31, .055),
    inset -5px 0 13px rgba(77, 53, 31, .05),
    inset 0 -24px 48px rgba(88, 64, 39, .08),
    0 5px 8px rgba(42, 29, 18, .18),
    0 34px 82px rgba(0, 0, 0, .5) !important;
}
.len-envelope__edge-wear {
  inset: 0 !important;
  z-index: 10;
  opacity: .9 !important;
  border: 1px solid rgba(61, 40, 22, .25) !important;
  background:
    radial-gradient(
      circle at 1.4% 9%,
      rgba(69, 43, 22, .42) 0 1.1px,
      transparent 1.8px),
    radial-gradient(
      circle at 1% 37%,
      rgba(79, 49, 25, .32) 0 1.3px,
      transparent 2px),
    radial-gradient(
      circle at 1.6% 74%,
      rgba(63, 39, 21, .38) 0 1px,
      transparent 1.8px),
    radial-gradient(
      circle at 98.8% 18%,
      rgba(61, 38, 21, .34) 0 1.2px,
      transparent 1.9px),
    radial-gradient(
      circle at 99% 61%,
      rgba(77, 47, 24, .38) 0 1.35px,
      transparent 2px),
    radial-gradient(
      circle at 83% 99%,
      rgba(67, 42, 22, .34) 0 1.25px,
      transparent 2px),
    radial-gradient(
      circle at 46% 99.2%,
      rgba(70, 43, 22, .28) 0 1.1px,
      transparent 1.8px),
    radial-gradient(
      circle at 17% .8%,
      rgba(68, 42, 22, .32) 0 1.1px,
      transparent 1.8px),
    linear-gradient(
      90deg,
      rgba(72, 45, 24, .25),
      transparent 1.7% 98.3%,
      rgba(69, 43, 23, .23)),
    linear-gradient(
      0deg,
      rgba(76, 47, 24, .23),
      transparent 1.9% 98.1%,
      rgba(255, 240, 206, .12)) !important;
  clip-path: polygon(0 1.4%, 4% .6%, 9% 1.1%, 15% .2%, 22% .8%, 30% .25%, 39% 1%, 48% .28%, 57% .9%, 66% .15%, 74% .85%, 83% .3%, 91% 1%, 100% .15%, 99.25% 8%, 100% 16%, 99.35% 25%, 100% 34%, 99.2% 43%, 100% 53%, 99.25% 63%, 100% 74%, 99.1% 84%, 100% 100%, 91% 99.1%, 82% 100%, 72% 99.2%, 62% 100%, 51% 99%, 41% 100%, 31% 99.15%, 21% 100%, 11% 99.05%, 0 99.7%, .8% 90%, 0 80%, .7% 70%, 0 60%, .65% 49%, 0 39%, .7% 28%, 0 18%, .75% 9%) !important;
  box-shadow:
    inset 3px 0 7px rgba(67, 42, 22, .08),
    inset -3px 0 7px rgba(67, 42, 22, .075),
    inset 0 3px 6px rgba(67, 42, 22, .06),
    inset 0 -3px 7px rgba(67, 42, 22, .09);
  mix-blend-mode: multiply;
}
.len-envelope__edge-wear::before,
.len-envelope__edge-wear::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.len-envelope__edge-wear::before {
  inset: 1.4% 1%;
  border: 1px solid rgba(88, 58, 31, .08);
  clip-path: polygon(0 2%, 14% 0, 31% 1%, 48% 0, 66% 1.2%, 84% .2%, 100% 2%, 99% 98%, 79% 100%, 58% 99%, 37% 100%, 17% 99%, 1% 97%);
}
.len-envelope__edge-wear::after {
  inset: -1px;
  background:
    linear-gradient(
      108deg,
      transparent 0 8%,
      rgba(73, 46, 24, .12) 8.2% 8.55%,
      transparent 8.8% 100%),
    linear-gradient(
      78deg,
      transparent 0 86%,
      rgba(73, 46, 24, .105) 86.2% 86.5%,
      transparent 86.8% 100%),
    linear-gradient(
      2deg,
      transparent 0 15%,
      rgba(73, 46, 24, .08) 15.2% 15.45%,
      transparent 15.7% 100%);
  opacity: .72;
}
.len-envelope__edge-wear,
.len-envelope__edge-wear::before,
.len-envelope__edge-wear::after {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
  #works .works-v18-float {
    transition-duration: .16s !important;
  }
}
.len-envelope::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 11;
  pointer-events: none;
  border: 1px solid rgba(60, 39, 21, .34);
  background:
    linear-gradient(
      90deg,
      rgba(64, 40, 21, .14),
      transparent 1.1% 98.9%,
      rgba(64, 40, 21, .13)),
    linear-gradient(
      0deg,
      rgba(64, 40, 21, .15),
      transparent 1.2% 98.8%,
      rgba(255, 239, 204, .08));
  clip-path: polygon(0 1.2%, 5% .5%, 11% 1%, 18% .2%, 26% .75%, 34% .2%, 43% .9%, 52% .15%, 61% .8%, 70% .25%, 79% .9%, 88% .3%, 95% .9%, 100% .2%, 99.35% 10%, 100% 22%, 99.3% 35%, 100% 48%, 99.25% 62%, 100% 76%, 99.2% 89%, 100% 100%, 88% 99.2%, 76% 100%, 63% 99.1%, 50% 100%, 37% 99.15%, 24% 100%, 12% 99.1%, 0 99.8%, .7% 86%, 0 73%, .65% 59%, 0 46%, .7% 32%, 0 19%, .7% 8%);
  box-shadow:
    inset 2px 0 3px rgba(70, 45, 24, .08),
    inset -2px 0 3px rgba(70, 45, 24, .07),
    inset 0 2px 3px rgba(70, 45, 24, .06),
    inset 0 -2px 4px rgba(70, 45, 24, .08);
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  mix-blend-mode: multiply;
}

/* source-site/assets/v19-plan-gold.css */
#service-intro {
  --v19-gold: #d8bd78;
  --v19-gold-bright: #f0dca2;
  --v19-gold-deep: #9f7a32;
  --v19-gold-line: rgba(224, 197, 126, .78);
  --v19-gold-soft: rgba(224, 197, 126, .13);
}
#service-intro .service-plan,
#service-intro .service-extra,
#service-intro .service-rules,
#service-intro .makeup-showcase {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  outline: 1px solid transparent;
  outline-offset: -5px;
  transition:
    border-color .48s cubic-bezier(.16, 1, .3, 1),
    outline-color .48s ease,
    box-shadow .55s cubic-bezier(.16, 1, .3, 1),
    background .5s ease,
    transform .55s cubic-bezier(.16, 1, .3, 1) !important;
}
#service-intro .service-plan::before,
#service-intro .service-extra::before,
#service-intro .service-rules::before,
#service-intro .makeup-showcase::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
  opacity: 0;
  border: 1px solid transparent;
  background:
    linear-gradient(
      112deg,
      transparent 0 22%,
      rgba(255, 244, 204, 0) 31%,
      rgba(255, 237, 177, .34) 46%,
      rgba(215, 175, 86, .16) 51%,
      rgba(255, 244, 204, 0) 66%,
      transparent 100%) border-box;
  background-size: 220% 100%;
  background-position: 120% 0;
  -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: opacity .38s ease;
}
#service-intro .service-plan::after,
#service-intro .service-extra::after,
#service-intro .service-rules::after,
#service-intro .makeup-showcase::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 7;
  pointer-events: none;
  opacity: 0;
  background:
    linear-gradient(
      90deg,
      rgba(255, 236, 177, .075),
      transparent 11% 89%,
      rgba(255, 236, 177, .07)),
    linear-gradient(
      0deg,
      rgba(171, 126, 45, .06),
      transparent 10% 90%,
      rgba(255, 244, 211, .045));
  box-shadow: inset 0 0 0 1px rgba(255, 226, 153, .2), inset 0 0 34px rgba(211, 168, 77, .045);
  transition: opacity .44s ease;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold),
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) {
  border-color: var(--v19-gold-line) !important;
  outline-color: rgba(255, 231, 168, .26);
  background:
    linear-gradient(
      135deg,
      rgba(236, 207, 137, .055),
      rgba(255, 255, 255, .012) 38%,
      rgba(152, 111, 37, .04)),
    rgba(250, 249, 245, .06) !important;
  box-shadow:
    0 30px 78px rgba(0, 0, 0, .27),
    0 0 0 1px rgba(166, 124, 44, .16),
    0 0 30px rgba(202, 160, 70, .075),
    inset 0 1px 0 rgba(255, 241, 202, .16),
    inset 0 0 24px rgba(201, 157, 63, .055) !important;
  transform: translate3d(0, -4px, 0);
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold)::before {
  opacity: 1;
  animation: v19-foil-sweep 1.45s cubic-bezier(.2, .7, .2, 1) both;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold)::after,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold)::after,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold)::after,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold)::after {
  opacity: 1;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__top > span,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__heading > span,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) .service-rules__title > span,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) .makeup-showcase__copy > span,
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__price strong,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__grid b,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) .service-rules__list b {
  color: var(--v19-gold-bright) !important;
  text-shadow: 0 0 18px rgba(218, 177, 85, .12);
  transition: color .38s ease, text-shadow .38s ease;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) li::before {
  background:
    linear-gradient(
      90deg,
      var(--v19-gold-deep),
      var(--v19-gold-bright)) !important;
  box-shadow: 0 0 8px rgba(222, 186, 100, .16);
}
@keyframes v19-foil-sweep {
  0% {
    background-position: 125% 0;
  }
  100% {
    background-position: -80% 0;
  }
}
@media (hover: none), (pointer: coarse) {
  #service-intro .service-plan:hover,
  #service-intro .service-extra:hover,
  #service-intro .service-rules:hover,
  #service-intro .makeup-showcase:hover {
    border-color: rgba(250, 249, 245, .17) !important;
    outline-color: transparent;
    transform: none;
  }
  #service-intro .service-plan.is-v19-gold,
  #service-intro .service-extra.is-v19-gold,
  #service-intro .service-rules.is-v19-gold,
  #service-intro .makeup-showcase.is-v19-gold {
    border-color: var(--v19-gold-line) !important;
    outline-color: rgba(255, 231, 168, .25);
    transform: translate3d(0, -2px, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  #service-intro .service-plan::before,
  #service-intro .service-extra::before,
  #service-intro .service-rules::before,
  #service-intro .makeup-showcase::before {
    animation: none !important;
    background-position: 50% 0 !important;
  }
  #service-intro .service-plan,
  #service-intro .service-extra,
  #service-intro .service-rules,
  #service-intro .makeup-showcase {
    transition-duration: .16s !important;
  }
}

/* source-site/assets/v21-minimal-european.css */
#service-intro {
  --v21-gold: rgba(218, 190, 119, .82);
  --v21-gold-soft: rgba(218, 190, 119, .14);
  --v21-gold-glint: rgba(248, 230, 180, .9);
}
#service-intro .service-plan,
#service-intro .service-extra,
#service-intro .service-rules,
#service-intro .makeup-showcase {
  outline: 0 !important;
  transition:
    border-color .42s cubic-bezier(.16, 1, .3, 1),
    box-shadow .48s cubic-bezier(.16, 1, .3, 1),
    background-color .42s ease,
    transform .5s cubic-bezier(.16, 1, .3, 1) !important;
}
#service-intro .service-plan::before,
#service-intro .service-extra::before,
#service-intro .service-rules::before,
#service-intro .makeup-showcase::before {
  content: "" !important;
  position: absolute !important;
  inset: 7px !important;
  z-index: 9 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  background:
    linear-gradient(
      90deg,
      var(--v21-gold),
      var(--v21-gold-glint)) left top / 27px 1px no-repeat,
    linear-gradient(
      180deg,
      var(--v21-gold),
      var(--v21-gold-glint)) left top / 1px 27px no-repeat,
    linear-gradient(
      270deg,
      var(--v21-gold),
      var(--v21-gold-glint)) right top / 27px 1px no-repeat,
    linear-gradient(
      180deg,
      var(--v21-gold),
      var(--v21-gold-glint)) right top / 1px 27px no-repeat,
    linear-gradient(
      90deg,
      var(--v21-gold),
      var(--v21-gold-glint)) left bottom / 27px 1px no-repeat,
    linear-gradient(
      0deg,
      var(--v21-gold),
      var(--v21-gold-glint)) left bottom / 1px 27px no-repeat,
    linear-gradient(
      270deg,
      var(--v21-gold),
      var(--v21-gold-glint)) right bottom / 27px 1px no-repeat,
    linear-gradient(
      0deg,
      var(--v21-gold),
      var(--v21-gold-glint)) right bottom / 1px 27px no-repeat !important;
  transition: opacity .38s ease !important;
  animation: none !important;
}
#service-intro .service-plan::after,
#service-intro .service-extra::after,
#service-intro .service-rules::after,
#service-intro .makeup-showcase::after {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 8 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background:
    radial-gradient(
      circle at 0 0,
      rgba(244, 224, 170, .18),
      transparent 18px),
    radial-gradient(
      circle at 100% 0,
      rgba(244, 224, 170, .13),
      transparent 18px),
    radial-gradient(
      circle at 0 100%,
      rgba(244, 224, 170, .11),
      transparent 18px),
    radial-gradient(
      circle at 100% 100%,
      rgba(244, 224, 170, .14),
      transparent 18px) !important;
  transition: opacity .4s ease !important;
  animation: none !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold),
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) {
  border-color: rgba(250, 249, 245, .22) !important;
  outline: 0 !important;
  background: rgba(250, 249, 245, .065) !important;
  box-shadow: 0 24px 62px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  transform: translate3d(0, -3px, 0) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold)::before {
  opacity: .94 !important;
  animation: none !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold)::after,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold)::after,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold)::after,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold)::after {
  opacity: .72 !important;
  animation: none !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__top > span,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__heading > span,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) .service-rules__title > span,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) .makeup-showcase__copy > span,
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__price strong,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__grid b,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) .service-rules__list b {
  color: #ead7a4 !important;
  text-shadow: 0 0 12px rgba(218, 190, 119, .08) !important;
}
.site-header,
.site-header.is-scrolled,
.site-header.is-scrolled:hover,
.site-header.is-scrolled:focus-within {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 13px clamp(20px, 4vw, 72px) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(250, 249, 245, .14) !important;
  border-radius: 0 !important;
  color: #faf9f5 !important;
  background: rgba(8, 9, 8, .82) !important;
  box-shadow: 0 14px 45px rgba(0, 0, 0, .2) !important;
  transform: none !important;
}
.site-header::before,
.site-header.is-scrolled::before,
.site-header.is-scrolled:hover::before,
.site-header.is-scrolled:focus-within::before {
  border-color: rgba(250, 249, 245, .14) !important;
  background: rgba(8, 9, 8, .76) !important;
  box-shadow: none !important;
}
.site-header.is-scrolled > .wordmark,
.site-header.is-scrolled > .site-nav,
.site-header.is-scrolled > .header-actions,
.site-header.is-scrolled:hover > .wordmark,
.site-header.is-scrolled:hover > .site-nav,
.site-header.is-scrolled:hover > .header-actions,
.site-header.is-scrolled:focus-within > .wordmark,
.site-header.is-scrolled:focus-within > .site-nav,
.site-header.is-scrolled:focus-within > .header-actions {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}
.site-nav {
  gap: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.site-nav a.is-home-fixed,
.site-nav a.is-home-fixed:hover,
.site-nav a.is-home-fixed:focus-visible {
  color: #11120f !important;
  background: #d5c38e !important;
  box-shadow: 0 0 20px rgba(213, 195, 142, .18) !important;
}
.site-nav a.is-home-fixed::before {
  display: none !important;
  content: none !important;
}
.site-nav a.is-home-fixed .site-nav__cn {
  color: inherit !important;
}
.wordmark,
.wordmark__meta,
.site-nav a,
.header-cta,
.menu-toggle,
.mobile-nav a,
.mobile-nav p {
  color: #faf9f5 !important;
}
.header-cta {
  border-color: rgba(250, 249, 245, .36) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.header-cta:hover,
.header-cta:focus-visible {
  color: #11120f !important;
  background: #faf9f5 !important;
}
.menu-toggle__lines,
.menu-toggle__lines::before,
.menu-toggle__lines::after {
  background: #faf9f5 !important;
}
.mobile-nav {
  color: #faf9f5 !important;
  border-color: rgba(250, 249, 245, .14) !important;
  background: rgba(8, 9, 8, .97) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .28) !important;
}
.mobile-nav a {
  color: #faf9f5 !important;
}
.mobile-nav a:first-child {
  color: #d5c38e !important;
}
@media (max-width: 900px) {
  .site-header,
  .site-header.is-scrolled,
  .site-header.is-scrolled:hover,
  .site-header.is-scrolled:focus-within {
    padding: max(12px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 12px max(18px, env(safe-area-inset-left)) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #service-intro .service-plan,
  #service-intro .service-extra,
  #service-intro .service-rules,
  #service-intro .makeup-showcase {
    transition-duration: .18s !important;
  }
}

/* source-site/assets/v22-refinements.css */
#service-intro {
  --v22-card-rest: rgba(250,249,245,.055);
  --v22-card-hover: rgba(250,249,245,.095);
  --v22-text-light: rgba(250,249,245,.96);
  --v22-text-soft: rgba(250,249,245,.80);
  --v22-gold: #d5c38e;
  --v22-gold-soft: rgba(213,195,142,.26);
}
#service-intro .service-plan,
#service-intro .service-extra,
#service-intro .service-rules,
#service-intro .makeup-showcase {
  background-color: var(--v22-card-rest) !important;
  transition:
    background-color .62s cubic-bezier(.16, 1, .3, 1),
    border-color .52s cubic-bezier(.16, 1, .3, 1),
    box-shadow .58s cubic-bezier(.16, 1, .3, 1),
    transform .58s cubic-bezier(.16, 1, .3, 1) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold),
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) {
  background-color: var(--v22-card-hover) !important;
  border-color: rgba(250, 249, 245, .20) !important;
  box-shadow: 0 25px 66px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .075) !important;
  transform: translate3d(0, -2px, 0) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__top > span,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__heading > span,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) .service-rules__title > span,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) .makeup-showcase__copy > span,
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__price strong,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__grid b,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) .service-rules__list b {
  text-shadow: none !important;
}
#service-intro .plan-float-target {
  color: var(--v22-text-light) !important;
  text-shadow: 0 0 14px rgba(250, 249, 245, .055) !important;
}
#service-intro [data-edit],
#service-intro .service-plan__top > span,
#service-intro .service-plan__price small,
#service-intro .service-extra__heading > span,
#service-intro .service-rules__title > span,
#service-intro .service-rules__list b,
#service-intro .makeup-showcase__copy > span,
#service-intro .makeup-showcase figcaption {
  transition:
    color .34s cubic-bezier(.16, 1, .3, 1),
    opacity .34s ease,
    transform .42s cubic-bezier(.16, 1, .3, 1),
    text-shadow .34s ease !important;
}
@media (hover: hover) and (pointer: fine) {
  #service-intro [data-edit]:hover,
  #service-intro .service-plan__top > span:hover,
  #service-intro .service-plan__price small:hover,
  #service-intro .service-extra__heading > span:hover,
  #service-intro .service-rules__title > span:hover,
  #service-intro .service-rules__list b:hover,
  #service-intro .makeup-showcase__copy > span:hover,
  #service-intro .makeup-showcase figcaption:hover {
    color: var(--v22-text-light) !important;
  }
}
.site-header,
.site-header.is-scrolled,
.site-header.is-scrolled:hover,
.site-header.is-scrolled:focus-within {
  color: #faf9f5 !important;
  background: rgba(8, 9, 8, .90) !important;
  border-bottom: 1px solid rgba(213, 195, 142, .20) !important;
  box-shadow: 0 14px 45px rgba(0, 0, 0, .20) !important;
}
.site-header::before,
.site-header.is-scrolled::before,
.site-header.is-scrolled:hover::before,
.site-header.is-scrolled:focus-within::before {
  border-color: rgba(213, 195, 142, .18) !important;
  background: rgba(8, 9, 8, .86) !important;
  box-shadow: none !important;
}
.site-nav {
  gap: clamp(2px, .38vw, 7px) !important;
}
.site-nav a,
.site-nav a:visited {
  color: rgba(250, 249, 245, .58) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.site-nav a:hover,
.site-nav a:focus-visible {
  color: #eadbb0 !important;
  background: rgba(213, 195, 142, .07) !important;
  box-shadow: inset 0 0 0 1px rgba(213, 195, 142, .12) !important;
}
.site-nav a.is-active,
.site-nav a.is-active:hover,
.site-nav a.is-active:focus-visible {
  color: #11120f !important;
  background: var(--v22-gold) !important;
  box-shadow: 0 0 20px rgba(213, 195, 142, .16) !important;
}
.site-nav a::before,
.site-nav a::after {
  border-color: rgba(213, 195, 142, .24) !important;
}
.wordmark,
.wordmark__meta,
.header-cta,
.menu-toggle,
.mobile-nav a,
.mobile-nav p {
  color: #faf9f5 !important;
}
.wordmark__meta {
  border-left-color: rgba(213, 195, 142, .22) !important;
  color: rgba(250, 249, 245, .48) !important;
}
.header-cta {
  border-color: rgba(213, 195, 142, .40) !important;
  color: #eadbb0 !important;
  background: rgba(213, 195, 142, .035) !important;
}
.header-cta:hover,
.header-cta:focus-visible {
  color: #11120f !important;
  border-color: #d5c38e !important;
  background: #d5c38e !important;
}
.mobile-nav {
  color: #faf9f5 !important;
  border-color: rgba(213, 195, 142, .18) !important;
  background: rgba(8, 9, 8, .98) !important;
}
.mobile-nav a {
  color: rgba(250, 249, 245, .74) !important;
}
.mobile-nav a:hover,
.mobile-nav a:focus-visible,
.mobile-nav a:active {
  color: #eadbb0 !important;
}
.mobile-nav a::after {
  color: rgba(213, 195, 142, .60) !important;
}
@media (max-width: 1180px) and (min-width: 901px) {
  .site-header {
    gap: clamp(12px, 2vw, 28px) !important;
  }
  .site-nav a {
    padding-inline: 8px !important;
    font-size: 9px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #service-intro .service-plan,
  #service-intro .service-extra,
  #service-intro .service-rules,
  #service-intro .makeup-showcase,
  #service-intro [data-edit] {
    transition-duration: .16s !important;
  }
}

/* source-site/assets/v24-warm-paper.css */
#service-intro {
  --v23-selected-bg: #eee6d8;
  --v23-selected-bg-2: #f8f3e9;
  --v23-selected-ink: #111513;
  --v23-selected-ink-soft: rgba(17,21,19,.72);
  --v23-selected-rule: rgba(17,21,19,.18);
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold),
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) {
  background:
    linear-gradient(
      145deg,
      var(--v23-selected-bg-2),
      var(--v23-selected-bg)) !important;
  background-color: var(--v23-selected-bg) !important;
  border-color: rgba(195, 174, 117, .46) !important;
  color: var(--v23-selected-ink) !important;
  box-shadow:
    0 28px 72px rgba(0, 0, 0, .20),
    inset 0 1px 0 rgba(255, 255, 255, .92),
    inset 0 -1px 0 rgba(17, 21, 19, .06) !important;
  transform: translate3d(0, -3px, 0) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) * {
  color: var(--v23-selected-ink) !important;
  text-shadow: none !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) small,
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__top > span,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__heading > span,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) .service-rules__title > span,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) figcaption {
  color: var(--v23-selected-ink-soft) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) li,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) p,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) p {
  border-color: var(--v23-selected-rule) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold)::before {
  opacity: .78 !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .plan-float-target,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .plan-float-target,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) .plan-float-target,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) .plan-float-target {
  color: #050706 !important;
  text-shadow: 0 8px 18px rgba(18, 31, 34, .10) !important;
}
.about-envelope-experience .len-envelope,
.about-envelope-experience.is-awaiting-open .len-envelope,
.about-envelope-experience.is-awaiting-open:not(.is-opening) .len-envelope,
.about-envelope-experience.is-v16-entrance-jitter .len-envelope,
.about-envelope-experience.is-v16-click-jitter .len-envelope,
.about-envelope-experience.is-envelope-tapped .len-envelope {
  scale: 1 !important;
}
.about-envelope-experience.is-awaiting-open:not(.is-opening) .len-envelope {
  transition:
    opacity .34s ease,
    filter .34s ease,
    transform .48s cubic-bezier(.18, .82, .22, 1) !important;
  will-change: transform;
}
@media (hover: hover) and (pointer: fine) {
  .about-envelope-experience.is-awaiting-open:not(.is-opening) .len-envelope:hover {
    scale: 1 !important;
  }
}
@media (hover: none), (pointer: coarse) {
  #service-intro .service-plan.is-v19-gold,
  #service-intro .service-extra.is-v19-gold,
  #service-intro .service-rules.is-v19-gold,
  #service-intro .makeup-showcase.is-v19-gold {
    background:
      linear-gradient(
        145deg,
        var(--v23-selected-bg-2),
        var(--v23-selected-bg)) !important;
    color: var(--v23-selected-ink) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #service-intro .service-plan,
  #service-intro .service-extra,
  #service-intro .service-rules,
  #service-intro .makeup-showcase {
    transition-duration: .16s !important;
  }
}

/* source-site/assets/v25-refinements.css */
#service-intro {
  --v25-paper-warm: #eee6d8;
  --v25-paper-highlight: #f8f3e9;
  --v25-ink: #11110f;
  --v25-ink-soft: rgba(17,17,15,.70);
  --v25-price-brown: #49372b;
  --v25-corner-black: rgba(16,15,13,.86);
  --v25-corner-black-soft: rgba(16,15,13,.38);
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold),
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) {
  background:
    linear-gradient(
      145deg,
      var(--v25-paper-highlight),
      var(--v25-paper-warm)) !important;
  background-color: var(--v25-paper-warm) !important;
  border-color: rgba(16, 15, 13, .18) !important;
  color: var(--v25-ink) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold)::before {
  opacity: .96 !important;
  background:
    linear-gradient(
      90deg,
      var(--v25-corner-black),
      rgba(70, 58, 37, .62)) left top / 27px 1px no-repeat,
    linear-gradient(
      180deg,
      var(--v25-corner-black),
      rgba(70, 58, 37, .62)) left top / 1px 27px no-repeat,
    linear-gradient(
      270deg,
      var(--v25-corner-black),
      rgba(70, 58, 37, .62)) right top / 27px 1px no-repeat,
    linear-gradient(
      180deg,
      var(--v25-corner-black),
      rgba(70, 58, 37, .62)) right top / 1px 27px no-repeat,
    linear-gradient(
      90deg,
      var(--v25-corner-black),
      rgba(70, 58, 37, .62)) left bottom / 27px 1px no-repeat,
    linear-gradient(
      0deg,
      var(--v25-corner-black),
      rgba(70, 58, 37, .62)) left bottom / 1px 27px no-repeat,
    linear-gradient(
      270deg,
      var(--v25-corner-black),
      rgba(70, 58, 37, .62)) right bottom / 27px 1px no-repeat,
    linear-gradient(
      0deg,
      var(--v25-corner-black),
      rgba(70, 58, 37, .62)) right bottom / 1px 27px no-repeat !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold)::after,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold)::after,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold)::after,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold)::after {
  opacity: .22 !important;
  background:
    radial-gradient(
      circle at 0 0,
      rgba(20, 18, 14, .12),
      transparent 17px),
    radial-gradient(
      circle at 100% 0,
      rgba(20, 18, 14, .10),
      transparent 17px),
    radial-gradient(
      circle at 0 100%,
      rgba(20, 18, 14, .08),
      transparent 17px),
    radial-gradient(
      circle at 100% 100%,
      rgba(20, 18, 14, .10),
      transparent 17px) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) * {
  color: var(--v25-ink) !important;
  text-shadow: none !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__price,
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__price strong,
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__price b,
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__price span {
  color: var(--v25-price-brown) !important;
  text-shadow: none !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) small,
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__top > span,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__heading > span,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) .service-rules__title > span,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) figcaption {
  color: var(--v25-ink-soft) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .plan-float-target,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .plan-float-target,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) .plan-float-target,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) .plan-float-target {
  color: #060605 !important;
  text-shadow: 0 7px 16px rgba(53, 40, 28, .08) !important;
}
.site-nav a,
.site-nav a:visited {
  color: rgba(250, 249, 245, .60) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.site-nav a:hover,
.site-nav a:focus-visible {
  color: rgba(234, 219, 176, .88) !important;
  background: rgba(213, 195, 142, .045) !important;
  box-shadow: none !important;
}
.site-nav a.is-active,
.site-nav a.is-active:visited,
.site-nav a.is-active:hover,
.site-nav a.is-active:focus-visible {
  color: #d9c27f !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: 0 0 12px rgba(217, 194, 127, .13) !important;
}
.site-nav a.is-active .site-nav__en,
.site-nav a.is-active .site-nav__cn {
  color: inherit !important;
}
.mobile-nav a {
  color: rgba(250, 249, 245, .74) !important;
  background: transparent !important;
}
.mobile-nav a.is-active,
.mobile-nav a.is-active:visited,
.mobile-nav a.is-active:hover,
.mobile-nav a.is-active:focus-visible,
.mobile-nav a.is-active:active {
  color: #d9c27f !important;
  background: transparent !important;
  text-shadow: 0 0 12px rgba(217, 194, 127, .12) !important;
}
@media (hover: none), (pointer: coarse) {
  #service-intro .service-plan.is-v19-gold,
  #service-intro .service-extra.is-v19-gold,
  #service-intro .service-rules.is-v19-gold,
  #service-intro .makeup-showcase.is-v19-gold {
    background:
      linear-gradient(
        145deg,
        var(--v25-paper-highlight),
        var(--v25-paper-warm)) !important;
    color: var(--v25-ink) !important;
  }
}
.mobile-nav nav a:first-child:not(.is-active) {
  color: rgba(250, 249, 245, .74) !important;
  text-shadow: none !important;
}

/* source-site/assets/v26-about-motion.css */
:root {
  --v26-about-cubic: cubic-bezier(.215, .61, .355, 1);
}
@media (prefers-reduced-motion: no-preference) {
  .about.is-about-letter-unfolding > .about__visual {
    animation: v26-about-photo-in .58s var(--v26-about-cubic) .08s both !important;
  }
  .about.is-about-letter-unfolding > .about__copy {
    animation: v26-about-copy-in .56s var(--v26-about-cubic) .12s both !important;
  }
  .about.is-about-up-reveal > .about__visual,
  .about.is-about-quick-reveal > .about__visual {
    animation: v26-about-photo-in .48s var(--v26-about-cubic) both !important;
  }
  .about.is-about-up-reveal > .about__copy,
  .about.is-about-quick-reveal > .about__copy {
    animation: v26-about-copy-in .5s var(--v26-about-cubic) .045s both !important;
  }
  .about.is-about-letter-unfolding .about__copy > .eyebrow,
  .about.is-about-letter-unfolding .about__copy > h2,
  .about.is-about-letter-unfolding .about__copy > .about__role,
  .about.is-about-letter-unfolding .about__copy > .about__bio,
  .about.is-about-letter-unfolding .about__copy > .about__facts {
    animation: v26-about-line-in .42s var(--v26-about-cubic) both;
  }
  .about.is-about-letter-unfolding .about__copy > .eyebrow {
    animation-delay: .11s;
  }
  .about.is-about-letter-unfolding .about__copy > h2 {
    animation-delay: .14s;
  }
  .about.is-about-letter-unfolding .about__copy > .about__role {
    animation-delay: .17s;
  }
  .about.is-about-letter-unfolding .about__copy > .about__bio:nth-of-type(3) {
    animation-delay: .20s;
  }
  .about.is-about-letter-unfolding .about__copy > .about__bio:nth-of-type(4) {
    animation-delay: .23s;
  }
  .about.is-about-letter-unfolding .about__copy > .about__facts {
    animation-delay: .26s;
  }
  .about.is-about-letter-unfolding > [data-reveal],
  .about.is-about-up-reveal > [data-reveal],
  .about.is-about-quick-reveal > [data-reveal] {
    transition-duration: .46s !important;
    transition-delay: 0s !important;
  }
  @keyframes v26-about-photo-in {
    0% {
      opacity: 0;
      filter: blur(2.2px);
      transform: translate3d(0, 30px, 0) scale(.992);
    }
    42% {
      opacity: .92;
      filter: blur(.45px);
      transform: translate3d(0, 7px, 0) scale(.9985);
    }
    100% {
      opacity: 1;
      filter: none;
      transform: translate3d(0, 0, 0) scale(1);
    }
  }
  @keyframes v26-about-copy-in {
    0% {
      opacity: 0;
      filter: blur(1.8px);
      transform: translate3d(0, 24px, 0) scale(.996);
    }
    45% {
      opacity: .94;
      filter: blur(.3px);
      transform: translate3d(0, 5px, 0) scale(.999);
    }
    100% {
      opacity: 1;
      filter: none;
      transform: translate3d(0, 0, 0) scale(1);
    }
  }
  @keyframes v26-about-line-in {
    0% {
      opacity: 0;
      filter: blur(1px);
      transform: translate3d(0, 11px, 0);
    }
    100% {
      opacity: 1;
      filter: none;
      transform: translate3d(0, 0, 0);
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  .about__visual,
  .about__copy,
  .about__copy > * {
    animation: none !important;
    transition: none !important;
  }
}

/* source-site/assets/v27-open-link.css */
:root {
  --v27-open-ease: cubic-bezier(.18,.82,.22,1);
  --v27-link-ease: cubic-bezier(.215,.61,.355,1);
}
@media (prefers-reduced-motion: no-preference) {
  .about-envelope-experience.is-opening .len-envelope {
    animation: v27-envelope-open-recoil .68s var(--v27-open-ease) both !important;
  }
  .about-envelope-experience.is-opening .len-envelope__seal {
    animation: v27-wax-release .46s cubic-bezier(.22, .72, .2, 1) both !important;
    transition: none !important;
  }
  .about-envelope-experience.is-opening .len-envelope__flap {
    animation: v27-flap-open .96s cubic-bezier(.16, .84, .2, 1) .17s both !important;
    will-change: transform;
  }
  .about-envelope-experience.is-opening .len-envelope__letter {
    animation: v27-letter-pull 1.08s var(--v27-open-ease) .63s both !important;
    visibility: visible !important;
    will-change: transform, opacity;
  }
  .about.is-about-letter-unfolding .about-letter-folds {
    animation: v27-about-sheet-link .66s var(--v27-link-ease) both !important;
  }
  .about.is-about-letter-unfolding .about-letter-fold--top {
    animation: v27-about-fold-top .54s var(--v27-link-ease) .02s both !important;
  }
  .about.is-about-letter-unfolding .about-letter-fold--middle {
    animation: v27-about-fold-middle .5s var(--v27-link-ease) .055s both !important;
  }
  .about.is-about-letter-unfolding .about-letter-fold--bottom {
    animation: v27-about-fold-bottom .56s var(--v27-link-ease) .085s both !important;
  }
  .about.is-about-letter-unfolding::before {
    animation: v27-about-paper-sweep .62s var(--v27-link-ease) both !important;
    transform-origin: 50% 50%;
  }
  @keyframes v27-envelope-open-recoil {
    0% {
      translate: 0 0;
      rotate: 0deg;
    }
    24% {
      translate: 0 3px;
      rotate: -.28deg;
    }
    52% {
      translate: 0 -1px;
      rotate: .16deg;
    }
    100% {
      translate: 0 0;
      rotate: 0deg;
    }
  }
  @keyframes v27-wax-release {
    0% {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1) rotate(0deg);
    }
    28% {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1.08) rotate(-3deg);
    }
    58% {
      opacity: .92;
      transform: translate(-50%, -56%) scale(.94) rotate(4deg);
    }
    100% {
      opacity: 0;
      transform: translate(-50%, -76%) scale(.64) rotate(-8deg);
    }
  }
  @keyframes v27-flap-open {
    0% {
      z-index: 5;
      transform: rotateX(0deg) translateZ(0);
    }
    16% {
      z-index: 5;
      transform: rotateX(-5deg) translateZ(3px);
    }
    48% {
      z-index: 5;
      transform: rotateX(92deg) translateZ(8px);
    }
    100% {
      z-index: 0;
      transform: rotateX(174deg) translateZ(-3px) scaleY(.986);
    }
  }
  @keyframes v27-letter-pull {
    0% {
      z-index: 2;
      opacity: 1;
      transform: translate3d(0, 12%, 4px) rotateZ(.08deg) scale(.985);
    }
    22% {
      z-index: 7;
      opacity: 1;
      transform: translate3d(0, 2%, 26px) rotateZ(-.05deg) scale(.992);
    }
    72% {
      z-index: 9;
      opacity: 1;
      transform: translate3d(0, -68%, 88px) rotateX(-.9deg) rotateZ(-.14deg) scale(1.018);
    }
    100% {
      z-index: 9;
      opacity: 1;
      transform: translate3d(0, -78%, 98px) rotateX(-.6deg) rotateZ(-.1deg) scale(1.024);
    }
  }
  @keyframes v27-about-sheet-link {
    0% {
      opacity: .92;
      transform: translate3d(0, -24px, 130px) scaleY(.12) scaleX(.93);
    }
    54% {
      opacity: 1;
      transform: translate3d(0, -5px, 60px) scaleY(.72) scaleX(.985);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0) scaleY(1) scaleX(1);
    }
  }
  @keyframes v27-about-fold-top {
    from {
      transform: rotateX(84deg) translateZ(8px);
    }
    to {
      transform: rotateX(0deg) translateZ(0);
    }
  }
  @keyframes v27-about-fold-middle {
    from {
      transform: rotateX(-10deg) translateZ(18px) scaleY(.9);
    }
    to {
      transform: rotateX(0deg) translateZ(0) scaleY(1);
    }
  }
  @keyframes v27-about-fold-bottom {
    from {
      transform: rotateX(-84deg) translateZ(8px);
    }
    to {
      transform: rotateX(0deg) translateZ(0);
    }
  }
  @keyframes v27-about-paper-sweep {
    0% {
      opacity: .18;
      transform: translate3d(0, -12px, 0) scaleY(.82);
      filter: brightness(1.14);
    }
    45% {
      opacity: .95;
      transform: translate3d(0, 0, 0) scaleY(1.03);
      filter: brightness(1.07);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0) scaleY(1);
      filter: none;
    }
  }
}
.service-intro.is-fireflies-active .plan-fireflies {
  opacity: .9 !important;
}
@media (max-width: 900px) {
  .service-intro.is-fireflies-active .plan-fireflies {
    opacity: .72 !important;
  }
}
.about-envelope-experience.is-v16-click-jitter .len-envelope {
  animation: v27-envelope-soft-tap .46s cubic-bezier(.2, .78, .22, 1) both !important;
}
@keyframes v27-envelope-soft-tap {
  0% {
    translate: 0 0;
    rotate: 0deg;
  }
  22% {
    translate: -2px .5px;
    rotate: -.85deg;
  }
  46% {
    translate: 2px -.4px;
    rotate: .72deg;
  }
  68% {
    translate: -.9px .2px;
    rotate: -.32deg;
  }
  86% {
    translate: .35px 0;
    rotate: .12deg;
  }
  100% {
    translate: 0 0;
    rotate: 0deg;
  }
}
@media (prefers-reduced-motion: reduce) {
  .about-envelope-experience.is-opening .len-envelope__seal,
  .about-envelope-experience.is-opening .len-envelope__flap,
  .about-envelope-experience.is-opening .len-envelope__letter,
  .about.is-about-letter-unfolding .about-letter-folds,
  .about.is-about-letter-unfolding .about-letter-fold {
    animation-duration: .18s !important;
    animation-delay: 0s !important;
  }
}

/* source-site/assets/v28-responsive.css */
:root {
  --v28-vh: 1vh;
  --v28-inline: clamp(16px, 5.2vw, 28px);
  --v28-safe-top: max(12px, env(safe-area-inset-top));
  --v28-safe-bottom: max(12px, env(safe-area-inset-bottom));
}
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}
body {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
img,
video,
canvas,
svg {
  max-width: 100%;
}
main,
.section,
.manifesto,
.site-footer,
.gallery-page,
.about-envelope-experience {
  max-width: 100%;
}
.section,
.section-heading,
.about__copy,
.about__visual,
.works-exhibit__intro,
.works-exhibit__scroll,
.booking-steps,
.package-grid,
.service-intro__layout,
.service-intro__copy,
.service-plan-list,
.service-plan,
.service-extra,
.service-rules,
.makeup-showcase,
.contact__lead,
.contact-grid,
.site-footer {
  min-width: 0;
}
[data-edit],
.service-plan li,
.service-rules p,
.contact-grid p,
.package li,
.package__note,
.about__bio,
.section-heading > p {
  overflow-wrap: anywhere;
  word-break: normal;
}
section[id] {
  scroll-margin-top: 76px;
}
@media (max-width: 900px) {
  :root {
    --v28-inline: clamp(18px, 5.4vw, 34px);
  }
  .section {
    width: 100% !important;
    padding-left: var(--v28-inline) !important;
    padding-right: var(--v28-inline) !important;
  }
  .site-header {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 58px;
    padding-top: var(--v28-safe-top) !important;
    padding-right: max(var(--v28-inline), env(safe-area-inset-right)) !important;
    padding-bottom: 10px !important;
    padding-left: max(var(--v28-inline), env(safe-area-inset-left)) !important;
  }
  .wordmark {
    min-width: 0;
  }
  .wordmark > span:first-child {
    white-space: nowrap;
  }
  .menu-toggle {
    flex: 0 0 auto;
    touch-action: manipulation;
  }
  .mobile-nav {
    inset: 0 !important;
    width: 100% !important;
    height: calc(var(--v28-vh, 1vh) * 100);
    min-height: 100svh;
    padding: max(84px, calc(env(safe-area-inset-top) + 72px)) max(var(--v28-inline), env(safe-area-inset-right)) max(28px, calc(env(safe-area-inset-bottom) + 20px)) max(var(--v28-inline), env(safe-area-inset-left)) !important;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .mobile-nav nav {
    width: 100%;
  }
  .mobile-nav a {
    max-width: 100%;
    font-size: clamp(30px, 10vw, 48px) !important;
    line-height: 1.05;
  }
  .floating-controls {
    right: auto !important;
    bottom: max(12px, calc(env(safe-area-inset-bottom) + 8px)) !important;
    left: max(12px, env(safe-area-inset-left)) !important;
    max-width: calc(100vw - max(24px, env(safe-area-inset-left) + env(safe-area-inset-right) + 16px));
  }
  .hero {
    width: 100% !important;
    height: calc(var(--v28-vh, 1vh) * 100) !important;
    min-height: max(520px, 100svh) !important;
    max-height: none !important;
    overflow: hidden;
  }
  .hero__media,
  .hero__shade,
  .hero__object-layer {
    inset: 0 !important;
  }
  .hero__meta {
    top: max(78px, calc(env(safe-area-inset-top) + 68px)) !important;
    right: max(var(--v28-inline), env(safe-area-inset-right)) !important;
    left: max(var(--v28-inline), env(safe-area-inset-left)) !important;
    width: auto !important;
  }
  .hero__copy {
    right: max(var(--v28-inline), env(safe-area-inset-right)) !important;
    bottom: max(74px, calc(env(safe-area-inset-bottom) + 58px)) !important;
    left: max(var(--v28-inline), env(safe-area-inset-left)) !important;
    width: auto !important;
    max-width: min(92vw, 720px) !important;
  }
  .hero h1,
  .hero__statement {
    max-width: 100% !important;
    font-size: clamp(48px, 15.8vw, 88px) !important;
    line-height: .94 !important;
    letter-spacing: -.075em !important;
  }
  .hero__intro {
    max-width: min(90vw, 560px) !important;
    font-size: clamp(12px, 3.4vw, 15px) !important;
    line-height: 1.75 !important;
  }
  .about-envelope-experience {
    --paper-w: min(calc(100vw - 40px), 360px) !important;
    width: 100% !important;
    height: calc(var(--v28-vh, 1vh) * 100) !important;
    min-height: 100svh;
  }
  .about-envelope-stage {
    width: 100% !important;
    height: calc(var(--v28-vh, 1vh) * 100) !important;
    min-height: 100svh !important;
  }
  .about-envelope-open {
    max-width: calc(100vw - 48px);
  }
  .about {
    min-height: auto !important;
    padding-top: clamp(84px, 12svh, 126px) !important;
    padding-bottom: clamp(76px, 11svh, 120px) !important;
  }
  .about__visual {
    max-width: min(46vw, 430px);
  }
  .about__copy h2 {
    max-width: 100%;
  }
  .about__facts span {
    min-width: 0;
  }
  .works-exhibit__intro {
    width: 100%;
  }
  .works-exhibit__sticky {
    height: calc(var(--v28-vh, 1vh) * 100) !important;
    min-height: max(540px, 100svh) !important;
    max-width: 100vw;
    overflow: hidden;
  }
  .works-exhibit .work-card,
  .works-exhibit .work-card:nth-child(n),
  .spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
    max-width: calc(100vw - 54px) !important;
    max-height: 68svh;
  }
  .works-exhibit .work-card .media {
    max-height: min(60svh, 590px);
  }
  .works-exhibit__hud {
    left: max(18px, env(safe-area-inset-left)) !important;
    max-width: min(calc(100vw - 74px), 340px) !important;
  }
  .works-loop-controls {
    right: max(12px, env(safe-area-inset-right)) !important;
    max-width: calc(100vw - 24px);
  }
  .manifesto {
    width: 100%;
    min-height: min(72svh, 760px) !important;
    padding: clamp(72px, 12svh, 112px) var(--v28-inline) !important;
  }
  .manifesto__inner {
    width: 100%;
    max-width: 860px;
  }
  .manifesto p,
  .manifesto__inner > p > span[data-edit] {
    max-width: 100%;
    font-size: clamp(32px, 8.6vw, 62px) !important;
    line-height: 1.38 !important;
  }
  .section-heading {
    gap: 22px !important;
  }
  .section-heading h2 {
    max-width: 100%;
    font-size: clamp(38px, 9.8vw, 64px) !important;
    line-height: 1.04 !important;
  }
  .section-heading > p {
    max-width: 100% !important;
    font-size: clamp(12px, 3.1vw, 15px) !important;
  }
  .package-grid {
    width: 100%;
  }
  .package {
    min-height: 0 !important;
    padding: clamp(26px, 6.5vw, 42px) !important;
  }
  .package__tag {
    margin-bottom: clamp(34px, 8vw, 52px) !important;
  }
  .package h3 {
    font-size: clamp(29px, 7.4vw, 42px) !important;
  }
  .package__note {
    min-height: 0 !important;
    margin-bottom: clamp(30px, 7vw, 48px) !important;
  }
  .service-intro {
    width: 100%;
    overflow: clip;
  }
  .service-intro__layout,
  .service-intro__copy {
    width: 100% !important;
    max-width: 100% !important;
  }
  .service-intro__header h2 {
    max-width: 100%;
    font-size: clamp(42px, 10.5vw, 68px) !important;
    line-height: 1.05 !important;
  }
  .service-intro__lead,
  .service-intro__aside {
    max-width: 100% !important;
    font-size: clamp(13px, 3.25vw, 15px) !important;
    line-height: 1.82 !important;
  }
  .service-plan,
  .service-extra,
  .service-rules,
  .makeup-showcase {
    width: 100% !important;
    max-width: 100% !important;
    padding: clamp(22px, 5.4vw, 34px) !important;
  }
  .service-plan__top,
  .service-plan__price,
  .service-extra__heading,
  .service-extra__grid,
  .service-rules__title,
  .service-rules__list,
  .makeup-showcase__copy,
  .makeup-showcase__images {
    min-width: 0;
    max-width: 100%;
  }
  .service-plan__price strong {
    font-size: clamp(26px, 7vw, 38px) !important;
  }
  .service-plan li,
  .service-rules p,
  .service-extra p,
  .makeup-showcase p {
    font-size: clamp(12px, 3.05vw, 14px) !important;
    line-height: 1.75 !important;
  }
  .makeup-showcase__images img {
    width: 100%;
    height: auto;
  }
  .contact__lead {
    width: 100% !important;
    max-width: 100% !important;
  }
  .contact__lead h2 {
    max-width: 100%;
    font-size: clamp(40px, 10.2vw, 68px) !important;
    line-height: 1.08 !important;
  }
  .contact-grid > div {
    min-width: 0;
  }
  .contact-grid p {
    font-size: clamp(15px, 4.2vw, 23px) !important;
  }
  .site-footer {
    width: 100%;
    padding-right: max(var(--v28-inline), env(safe-area-inset-right)) !important;
    padding-left: max(var(--v28-inline), env(safe-area-inset-left)) !important;
    padding-bottom: max(30px, calc(env(safe-area-inset-bottom) + 22px)) !important;
  }
  .gallery-page {
    width: 100vw !important;
    height: calc(var(--v28-vh, 1vh) * 100) !important;
    min-height: 100svh;
  }
  .gallery-page__track {
    max-width: 100vw;
  }
  .gallery-page__item,
  .gallery-page__item img {
    max-width: 100%;
  }
}
@media (max-width: 760px) {
  .about {
    grid-template-columns: 1fr !important;
    gap: clamp(34px, 8vw, 54px) !important;
  }
  .about__visual {
    width: min(100%, 430px) !important;
    max-width: min(100%, 430px) !important;
    justify-self: center !important;
  }
  .about__portrait {
    width: 100%;
    max-height: min(64svh, 590px);
  }
  .about__index {
    right: 0 !important;
    bottom: -22px !important;
  }
  .about__copy {
    width: 100%;
    max-width: 640px !important;
    justify-self: center;
  }
  .about__copy .eyebrow {
    margin-bottom: clamp(22px, 6vw, 36px) !important;
  }
  .about__copy h2 {
    flex-wrap: wrap;
    gap: .12em .25em !important;
    font-size: clamp(46px, 13vw, 72px) !important;
    line-height: .98 !important;
  }
  .about__copy h2 em {
    font-size: .34em !important;
  }
  .about__role {
    margin-top: 24px !important;
    font-size: clamp(19px, 5vw, 28px) !important;
  }
  .about__bio {
    max-width: 100% !important;
    font-size: clamp(13px, 3.5vw, 16px) !important;
    line-height: 1.82 !important;
  }
  .booking-steps,
  .contact-grid {
    grid-template-columns: 1fr !important;
  }
  .booking-step {
    min-height: 0 !important;
    padding: clamp(24px, 6vw, 36px) !important;
  }
  .booking-step b {
    margin-bottom: clamp(32px, 8vw, 48px) !important;
  }
  .package-grid {
    grid-template-columns: 1fr !important;
  }
  .service-plan__price {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .service-extra__grid,
  .makeup-showcase__images {
    grid-template-columns: 1fr !important;
  }
  .contact-grid > div {
    min-height: 0 !important;
    padding: clamp(24px, 6vw, 34px) !important;
  }
}
@media (max-width: 520px) {
  :root {
    --v28-inline: clamp(16px, 5.1vw, 22px);
  }
  .hero {
    min-height: max(500px, 100svh) !important;
  }
  .hero__meta {
    top: max(70px, calc(env(safe-area-inset-top) + 60px)) !important;
  }
  .hero__meta span {
    font-size: 8px !important;
    letter-spacing: .18em !important;
  }
  .hero__copy {
    bottom: max(64px, calc(env(safe-area-inset-bottom) + 50px)) !important;
  }
  .hero h1,
  .hero__statement {
    font-size: clamp(46px, 15.5vw, 74px) !important;
  }
  .about-envelope-experience {
    --paper-w: min(calc(100vw - 32px), 336px) !important;
  }
  .about-envelope-open {
    width: min(146px, calc(100vw - 80px)) !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
  }
  .about {
    padding-top: clamp(72px, 11svh, 96px) !important;
    padding-bottom: clamp(68px, 10svh, 92px) !important;
  }
  .about__visual {
    width: min(100%, 390px) !important;
  }
  .about__copy h2 {
    font-size: clamp(44px, 14.2vw, 62px) !important;
  }
  .about__facts {
    grid-template-columns: 1fr !important;
    margin-top: 32px !important;
  }
  .about__facts span {
    min-height: 0 !important;
    padding: 15px 16px !important;
  }
  .works-exhibit__hud {
    top: max(62px, calc(env(safe-area-inset-top) + 50px)) !important;
    width: min(calc(100vw - 62px), 330px) !important;
    max-width: min(calc(100vw - 62px), 330px) !important;
  }
  .works-exhibit__hud strong {
    font-size: clamp(27px, 8.5vw, 38px) !important;
  }
  .works-exhibit .work-card,
  .works-exhibit .work-card:nth-child(n),
  .spatial-v3 .works .work-card:nth-child(n)[data-spatial-stage] {
    width: min(74vw, 302px) !important;
    max-width: calc(100vw - 46px) !important;
  }
  .manifesto p,
  .manifesto__inner > p > span[data-edit] {
    font-size: clamp(30px, 9.4vw, 48px) !important;
  }
  .section-heading {
    margin-bottom: clamp(38px, 10vw, 54px) !important;
  }
  .section-heading h2 {
    font-size: clamp(36px, 10.8vw, 50px) !important;
  }
  .service-intro__header h2 {
    font-size: clamp(38px, 11.2vw, 54px) !important;
  }
  .service-plan,
  .service-extra,
  .service-rules,
  .makeup-showcase {
    padding: 21px 18px !important;
  }
  .service-plan__price {
    gap: 8px !important;
  }
  .service-plan__price p {
    min-width: 0;
  }
  .service-plan__price strong {
    font-size: clamp(24px, 7.8vw, 32px) !important;
  }
  .service-rules__list p {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  .contact__lead h2 {
    font-size: clamp(36px, 11vw, 52px) !important;
  }
  .gallery-page__header {
    min-width: 0;
  }
  .gallery-page__title {
    min-width: 0;
    padding: 0 58px !important;
  }
  .gallery-page__track {
    grid-auto-columns: min(92vw, 430px) !important;
    gap: 14px !important;
  }
}
@media (max-width: 380px) {
  .hero__intro br {
    display: none;
  }
  .mobile-nav__foot {
    font-size: 10px;
  }
  .about__copy h2 {
    font-size: clamp(41px, 13.8vw, 52px) !important;
  }
  .works-exhibit__hud p {
    -webkit-line-clamp: 2 !important;
  }
  .service-plan__top span,
  .service-extra__heading > span,
  .service-rules__title > span,
  .makeup-showcase__copy > span {
    letter-spacing: .14em !important;
  }
  .floating-controls {
    transform: scale(.94);
    transform-origin: left bottom;
  }
}
@media (max-height: 560px) and (orientation: landscape) and (max-width: 950px) {
  .site-header {
    min-height: 48px;
    padding-top: max(8px, env(safe-area-inset-top)) !important;
    padding-bottom: 7px !important;
  }
  .hero {
    height: auto !important;
    min-height: max(460px, 100svh) !important;
  }
  .hero__meta {
    top: max(58px, calc(env(safe-area-inset-top) + 48px)) !important;
  }
  .hero__copy {
    bottom: max(34px, calc(env(safe-area-inset-bottom) + 24px)) !important;
  }
  .hero h1,
  .hero__statement {
    font-size: clamp(40px, 8vw, 64px) !important;
  }
  .hero__intro {
    margin-top: 12px !important;
    line-height: 1.5 !important;
  }
  .about {
    padding-top: 66px !important;
  }
  .about__portrait {
    max-height: 72svh;
  }
  .about-envelope-experience,
  .about-envelope-stage,
  .gallery-page {
    min-height: 100svh !important;
  }
  .works-exhibit__sticky {
    min-height: 100svh !important;
  }
}
@media (hover: none), (pointer: coarse) {
  .about__visual:hover .about__portrait img,
  .package:hover,
  .manifesto:hover .manifesto__inner {
    transform: none;
  }
  a,
  button,
  [role=button] {
    touch-action: manipulation;
  }
}

/* source-site/assets/v29-reference-ui-tone.css */
:root {
  color-scheme: light;
  --v29-canvas: #f2eeea;
  --v29-paper: #f7f3ee;
  --v29-paper-warm: #ece3dc;
  --v29-surface: rgba(248, 245, 241, .92);
  --v29-surface-solid: #f8f5f1;
  --v29-surface-deep: #e6dcd3;
  --v29-ink: #35322e;
  --v29-ink-strong: #282622;
  --v29-muted: #665f5a;
  --v29-muted-soft: #726b65;
  --v29-line: rgba(74, 67, 61, .16);
  --v29-line-strong: rgba(74, 67, 61, .25);
  --v29-accent: #a98b70;
  --v29-accent-soft: #cfbdad;
  --v29-clay: #a76549;
  --v29-shadow: rgba(72, 58, 47, .13);
  --v29-shadow-soft: rgba(72, 58, 47, .075);
}
html,
body {
  color: var(--v29-ink) !important;
  background: var(--v29-canvas) !important;
}
::selection {
  color: var(--v29-paper) !important;
  background: #766e66 !important;
}
:focus-visible {
  outline-color: var(--v29-accent) !important;
}
.intro {
  color: var(--v29-ink) !important;
  background:
    radial-gradient(
      circle at 48% 43%,
      rgba(255, 252, 248, .96),
      transparent 29%),
    radial-gradient(
      circle at 16% 18%,
      rgba(198, 175, 154, .22),
      transparent 37%),
    linear-gradient(
      145deg,
      #f4efea 0%,
      #ede3dc 54%,
      #e4d8cf 100%) !important;
}
.intro::before,
.intro::after {
  background: var(--v29-canvas) !important;
}
.intro__stage {
  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(255, 252, 248, .82),
      rgba(183, 157, 135, .14) 31%,
      transparent 64%) !important;
}
.intro__stage::before,
.intro__blur--a,
.intro__blur--b,
.intro__orb {
  background:
    radial-gradient(
      circle,
      rgba(180, 151, 126, .20),
      transparent 68%) !important;
}
.intro__ring,
.intro__orbit,
.intro__axis {
  border-color: rgba(120, 103, 89, .24) !important;
  box-shadow: 0 0 28px rgba(128, 104, 84, .09) !important;
}
.intro__cube-face,
.intro__glass,
.intro__glass--a,
.intro__glass--b,
.intro__glass--c,
.intro__glass--d {
  border-color: rgba(105, 94, 84, .18) !important;
  background:
    linear-gradient(
      145deg,
      rgba(255, 253, 250, .76),
      rgba(206, 190, 176, .22) 52%,
      rgba(141, 120, 103, .10)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .82), 0 20px 58px var(--v29-shadow-soft) !important;
}
.intro__line,
.intro__light-slice {
  background:
    linear-gradient(
      104deg,
      transparent 39%,
      rgba(255, 253, 250, .94) 49%,
      rgba(169, 139, 112, .34) 52%,
      transparent 62%) !important;
}
.intro__brand,
.intro__brand strong {
  color: var(--v29-ink-strong) !important;
  text-shadow: 0 8px 28px rgba(87, 69, 55, .09) !important;
}
.intro__brand span,
.intro__progress,
.intro__skip {
  color: var(--v29-muted) !important;
}
.intro__progress-track {
  background: rgba(74, 67, 61, .13) !important;
}
.intro__progress-track i {
  background:
    linear-gradient(
      90deg,
      #c39877,
      var(--v29-accent-soft)) !important;
  box-shadow: 0 0 18px rgba(169, 139, 112, .18) !important;
}
.intro__skip {
  border-color: var(--v29-line) !important;
  background: rgba(248, 245, 241, .72) !important;
}
.site-header,
.site-header.is-scrolled,
.site-header.is-scrolled:hover,
.site-header.is-scrolled:focus-within,
.site-header::before,
.site-header.is-scrolled::before,
.site-header.is-scrolled:hover::before,
.site-header.is-scrolled:focus-within::before {
  color: var(--v29-ink-strong) !important;
  border-color: var(--v29-line) !important;
  background: rgba(242, 238, 234, .91) !important;
  box-shadow: 0 12px 38px var(--v29-shadow-soft) !important;
}
.wordmark,
.site-logo,
.wordmark__meta,
.site-nav a,
.site-nav a:visited,
.header-cta,
.menu-toggle {
  color: var(--v29-ink) !important;
}
.wordmark__meta {
  color: var(--v29-muted-soft) !important;
  border-left-color: var(--v29-line) !important;
}
.site-nav a,
.site-nav a:visited {
  color: var(--v29-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.site-nav a:hover,
.site-nav a:focus-visible {
  color: var(--v29-ink-strong) !important;
  background: rgba(255, 255, 255, .34) !important;
  box-shadow: none !important;
}
.site-nav a.is-active,
.site-nav a.is-active:visited,
.site-nav a.is-active:hover,
.site-nav a.is-active:focus-visible {
  color: #7f6048 !important;
  background: rgba(196, 174, 154, .22) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.site-nav a::before,
.site-nav a::after {
  border-color: var(--v29-line) !important;
}
.header-cta {
  color: var(--v29-ink) !important;
  border-color: var(--v29-line-strong) !important;
  background: rgba(249, 246, 242, .54) !important;
  box-shadow: none !important;
}
.header-cta:hover,
.header-cta:focus-visible {
  color: var(--v29-ink-strong) !important;
  border-color: rgba(126, 101, 81, .34) !important;
  background: var(--v29-paper) !important;
}
.menu-toggle {
  border-color: var(--v29-line) !important;
  background: rgba(231, 225, 218, .74) !important;
  box-shadow: 0 8px 24px var(--v29-shadow-soft) !important;
}
.menu-toggle__lines,
.menu-toggle__lines::before,
.menu-toggle__lines::after {
  background: var(--v29-ink) !important;
}
.mobile-nav {
  color: var(--v29-ink) !important;
  border-color: var(--v29-line) !important;
  background: rgba(242, 238, 234, .985) !important;
  box-shadow: 0 24px 66px var(--v29-shadow) !important;
}
.mobile-nav a,
.mobile-nav a:visited,
.mobile-nav nav a:first-child:not(.is-active) {
  color: var(--v29-muted) !important;
  border-color: var(--v29-line) !important;
  background: transparent !important;
  text-shadow: none !important;
}
.mobile-nav a:hover,
.mobile-nav a:focus-visible,
.mobile-nav a:active,
.mobile-nav a.is-active,
.mobile-nav a.is-active:visited,
.mobile-nav a.is-active:hover,
.mobile-nav a.is-active:focus-visible,
.mobile-nav a.is-active:active {
  color: #7f6048 !important;
  background: rgba(196, 174, 154, .18) !important;
  text-shadow: none !important;
}
.mobile-nav p,
.mobile-nav__eyebrow,
.mobile-nav__foot {
  color: var(--v29-muted-soft) !important;
}
.floating-controls {
  color: var(--v29-ink) !important;
  border-color: var(--v29-line) !important;
  background: rgba(248, 245, 241, .92) !important;
  box-shadow: 0 12px 34px var(--v29-shadow), inset 0 1px rgba(255, 255, 255, .74) !important;
}
.music-toggle,
.back-to-top {
  color: var(--v29-ink) !important;
  border-color: var(--v29-line) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.music-toggle:hover,
.back-to-top:hover,
.music-toggle:focus-visible,
.back-to-top:focus-visible {
  color: var(--v29-ink-strong) !important;
  background: rgba(202, 185, 170, .16) !important;
}
.music-toggle__bars i,
.scroll-progress {
  background: var(--v29-accent) !important;
}
.hero {
  background: #38332e !important;
}
.hero__shade,
.hero::before,
.hero__visual::after,
.hero__media::after {
  background:
    linear-gradient(
      90deg,
      rgba(39, 35, 31, .68) 0%,
      rgba(39, 35, 31, .18) 56%,
      rgba(39, 35, 31, .24) 100%),
    linear-gradient(
      0deg,
      rgba(39, 35, 31, .52),
      transparent 58%),
    radial-gradient(
      circle at 72% 34%,
      rgba(198, 174, 152, .10),
      transparent 42%) !important;
}
.about-envelope-experience {
  color: var(--v29-ink) !important;
  background: rgba(242, 238, 234, 0) !important;
}
.about-envelope-experience.is-active {
  background: rgba(235, 227, 220, .94) !important;
}
.about-envelope-experience::before {
  background:
    radial-gradient(
      circle at 50% 47%,
      rgba(255, 252, 248, .86),
      transparent 30%),
    radial-gradient(
      circle at 19% 17%,
      rgba(181, 154, 131, .16),
      transparent 37%),
    linear-gradient(
      151deg,
      #f3ede8,
      #e9dfd7 48%,
      #ded1c7) !important;
}
.about-envelope-experience::after {
  background:
    linear-gradient(
      112deg,
      transparent 43%,
      rgba(255, 252, 248, .34) 49.8%,
      transparent 56%),
    radial-gradient(
      circle at 50% 58%,
      rgba(166, 137, 112, .09),
      transparent 36%) !important;
}
.about-envelope-shadow {
  background: rgba(77, 61, 49, .18) !important;
}
.len-envelope__back {
  border-color: rgba(87, 70, 56, .30) !important;
  background:
    radial-gradient(
      circle at 16% 18%,
      rgba(98, 79, 63, .055) 0 .7px,
      transparent 1.45px),
    radial-gradient(
      circle at 72% 66%,
      rgba(255, 255, 255, .54) 0 .8px,
      transparent 1.45px),
    repeating-linear-gradient(
      3deg,
      rgba(90, 72, 58, .022) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      137deg,
      #f5eee8 0%,
      #ede2da 53%,
      #ddcec3 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .90),
    inset 0 -2px 0 rgba(92, 72, 56, .11),
    inset 0 -24px 48px rgba(110, 84, 65, .045),
    0 5px 8px rgba(72, 55, 42, .10),
    0 34px 82px rgba(65, 49, 38, .22) !important;
}
.len-envelope__pocket {
  background:
    repeating-linear-gradient(
      4deg,
      rgba(89, 70, 54, .022) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      145deg,
      #f1e8e1 0%,
      #e6d8ce 63%,
      #d3c0b2 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .78),
    inset 0 -2px 0 rgba(86, 66, 50, .10),
    inset 0 -22px 42px rgba(92, 70, 53, .04),
    0 -2px 4px rgba(65, 49, 38, .05) !important;
}
.len-envelope__flap {
  background:
    radial-gradient(
      circle at 71% 26%,
      rgba(98, 77, 59, .05) 0 .7px,
      transparent 1.4px),
    repeating-linear-gradient(
      4deg,
      rgba(91, 70, 53, .022) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      169deg,
      #f4ece6 0%,
      #e8dcd2 65%,
      #d2bfb0 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .84),
    inset 0 -2px 0 rgba(85, 65, 49, .10),
    0 7px 15px rgba(69, 52, 40, .10) !important;
}
.len-envelope__letter {
  color: var(--v29-ink) !important;
  border-color: rgba(92, 74, 60, .20) !important;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(87, 70, 57, .016) 0 1px,
      transparent 1px 6px),
    linear-gradient(
      108deg,
      #fdfaf7 0%,
      #f6efe9 56%,
      #e8dbd1 100%) !important;
  box-shadow:
    0 3px 6px rgba(67, 51, 40, .10),
    0 17px 38px rgba(64, 48, 37, .14),
    inset 0 1px 0 rgba(255, 255, 255, .96),
    inset 0 -1px 0 rgba(88, 68, 52, .07) !important;
}
.len-envelope__back::after,
.len-envelope__letter::before,
.len-envelope__letter small {
  color: var(--v29-muted) !important;
  text-shadow: none !important;
}
.len-envelope__letter strong {
  color: var(--v29-ink-strong) !important;
  text-shadow: 0 1px rgba(255, 255, 255, .58) !important;
}
.len-envelope__letter > span {
  background: rgba(74, 67, 61, .22) !important;
  box-shadow: 0 1px rgba(255, 255, 255, .58) !important;
}
.len-envelope__letter-crease {
  background:
    linear-gradient(
      180deg,
      rgba(91, 73, 59, .11),
      rgba(255, 255, 255, .44) 55%,
      transparent) !important;
  box-shadow: 0 4px 10px rgba(77, 59, 46, .035) !important;
}
.len-envelope__seal {
  color: #f5e8dc !important;
  border-color: rgba(108, 64, 44, .54) !important;
  background:
    radial-gradient(
      circle at 31% 25%,
      rgba(255, 226, 201, .32),
      transparent 18%),
    linear-gradient(
      145deg,
      #ba7758,
      var(--v29-clay) 62%,
      #78442f) !important;
  box-shadow:
    0 8px 19px rgba(83, 48, 33, .24),
    inset 0 0 0 3px rgba(255, 226, 201, .08),
    inset 0 1px rgba(255, 234, 216, .32) !important;
}
.about-envelope-open {
  color: var(--v29-ink) !important;
  border-color: var(--v29-line-strong) !important;
  background:
    repeating-linear-gradient(
      5deg,
      rgba(105, 83, 65, .018) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      145deg,
      rgba(249, 246, 242, .96),
      rgba(232, 222, 214, .96)) !important;
  box-shadow:
    0 17px 46px rgba(72, 56, 43, .14),
    inset 0 1px rgba(255, 255, 255, .78),
    inset 0 -2px rgba(91, 70, 54, .08) !important;
}
.about-envelope-open::before {
  background:
    linear-gradient(
      102deg,
      transparent 25%,
      rgba(255, 255, 255, .44) 49%,
      transparent 73%) !important;
}
.about-envelope-open::after {
  border-color: rgba(108, 91, 77, .30) !important;
  box-shadow: 0 0 0 4px rgba(169, 139, 112, .045) !important;
}
.about-envelope-open:hover,
.about-envelope-open:focus-visible {
  color: var(--v29-ink-strong) !important;
  border-color: rgba(126, 101, 81, .38) !important;
  box-shadow:
    0 21px 52px rgba(72, 56, 43, .18),
    0 0 22px rgba(169, 139, 112, .08),
    inset 0 1px rgba(255, 255, 255, .82) !important;
}
.about {
  color: var(--v29-ink) !important;
  background:
    radial-gradient(
      circle at 14% 17%,
      rgba(112, 89, 70, .045) 0 .65px,
      transparent 1.4px),
    radial-gradient(
      circle at 73% 61%,
      rgba(255, 255, 255, .54) 0 .7px,
      transparent 1.5px),
    repeating-linear-gradient(
      2deg,
      rgba(101, 80, 64, .012) 0 1px,
      transparent 1px 7px),
    linear-gradient(
      135deg,
      #f3ede8 0%,
      #ebe1d9 54%,
      #ddd0c5 100%) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .82),
    inset 0 -1px rgba(91, 71, 55, .12),
    inset 0 0 120px rgba(111, 84, 64, .045) !important;
}
.about__copy h2 {
  color: var(--v29-ink-strong) !important;
}
.about__copy .eyebrow,
.about__index,
.about__role,
.about__bio,
.about__facts span {
  color: var(--v29-muted) !important;
}
.about__role::before {
  background: var(--v29-accent) !important;
}
.about__facts {
  border-color: var(--v29-line) !important;
  background: rgba(74, 67, 61, .13) !important;
}
.about__facts span {
  background: rgba(247, 243, 238, .66) !important;
}
.about__facts span:hover {
  color: var(--v29-paper) !important;
  background: #6d655e !important;
}
.manifesto,
.booking {
  color: var(--v29-ink) !important;
  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(190, 167, 147, .13),
      transparent 31%),
    var(--v29-paper-warm) !important;
}
.manifesto *,
.booking,
.booking h2,
.booking h3,
.booking .section-heading .eyebrow,
.booking .section-heading > p,
.booking-step p {
  color: var(--v29-ink) !important;
}
.manifesto > span,
.manifesto__inner > span,
.booking-step p,
.booking .section-heading .eyebrow,
.booking .section-heading > p {
  color: var(--v29-muted) !important;
}
.booking-steps,
.booking-step {
  border-color: var(--v29-line) !important;
}
.booking-step {
  background: rgba(248, 245, 241, .30) !important;
  box-shadow: none !important;
}
.booking-step b {
  color: #8d6f58 !important;
}
.services {
  color: var(--v29-ink) !important;
  background: var(--v29-canvas) !important;
}
.services .section-heading .eyebrow,
.services .section-heading > p,
.package__tag,
.package__note,
.package ul {
  color: var(--v29-muted) !important;
}
.package,
.package--featured {
  color: var(--v29-ink) !important;
  border-color: var(--v29-line) !important;
  background: rgba(248, 245, 241, .42) !important;
  box-shadow: none !important;
}
.package--featured,
.package:hover {
  color: var(--v29-ink-strong) !important;
  border-color: var(--v29-line-strong) !important;
  background: var(--v29-surface-deep) !important;
  box-shadow: 0 18px 48px var(--v29-shadow-soft) !important;
}
.package:hover .package__tag,
.package:hover .package__note,
.package:hover ul,
.package--featured .package__tag,
.package--featured .package__note,
.package--featured ul {
  color: var(--v29-muted) !important;
}
.package li::before {
  color: #92745e !important;
}
#service-intro {
  --v21-gold: rgba(139,111,89,.66);
  --v21-gold-soft: rgba(139,111,89,.10);
  --v21-gold-glint: rgba(213,195,180,.84);
  --v22-card-rest: rgba(248,245,241,.42);
  --v22-card-hover: rgba(230,220,211,.78);
  --v22-text-light: var(--v29-ink-strong);
  --v22-text-soft: var(--v29-muted);
  --v22-gold: var(--v29-accent);
  --v25-paper-warm: #e8ded5;
  --v25-paper-highlight: #f5f0eb;
  --v25-ink: var(--v29-ink-strong);
  --v25-ink-soft: var(--v29-muted);
  --v25-price-brown: #73543e;
  --v25-corner-black: rgba(65,58,52,.72);
  --v25-corner-black-soft: rgba(65,58,52,.28);
  color: var(--v29-ink) !important;
  background:
    radial-gradient(
      circle at 12% 78%,
      rgba(181, 153, 129, .12),
      transparent 31%),
    radial-gradient(
      circle at 84% 18%,
      rgba(203, 187, 173, .14),
      transparent 34%),
    var(--v29-paper-warm) !important;
}
#service-intro h2,
#service-intro h3,
#service-intro .eyebrow,
#service-intro .service-intro__lead,
#service-intro .service-intro__aside,
#service-intro small,
#service-intro .service-plan li,
#service-intro .service-rules p,
#service-intro .makeup-showcase p {
  color: var(--v29-ink) !important;
}
#service-intro .eyebrow,
#service-intro .service-intro__lead,
#service-intro .service-intro__aside,
#service-intro small,
#service-intro .service-plan li,
#service-intro .service-rules p,
#service-intro .makeup-showcase p {
  color: var(--v29-muted) !important;
}
#service-intro .service-plan,
#service-intro .service-extra,
#service-intro .service-rules,
#service-intro .makeup-showcase {
  color: var(--v29-ink) !important;
  border-color: var(--v29-line) !important;
  background: rgba(248, 245, 241, .44) !important;
  box-shadow: 0 18px 48px var(--v29-shadow-soft) !important;
}
#service-intro .service-plan__top > span,
#service-intro .service-extra__heading > span,
#service-intro .service-rules__title > span,
#service-intro .makeup-showcase__copy > span,
#service-intro .service-rules__list b {
  color: #8d6f58 !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold),
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) {
  color: var(--v29-ink-strong) !important;
  border-color: var(--v29-line-strong) !important;
  background:
    linear-gradient(
      145deg,
      #f5f0eb,
      #e8ded5) !important;
  box-shadow: 0 22px 58px rgba(72, 58, 47, .12), inset 0 1px rgba(255, 255, 255, .74) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) * {
  color: var(--v29-ink-strong) !important;
  text-shadow: none !important;
}
.contact {
  color: var(--v29-ink) !important;
  background:
    radial-gradient(
      circle at var(--contact-x, 70%) var(--contact-y, 35%),
      rgba(181, 153, 129, .13),
      transparent 28%),
    var(--v29-paper) !important;
}
.contact::before {
  color: rgba(53, 50, 46, .035) !important;
}
.contact__lead .eyebrow,
.contact__lead p,
.contact-grid span {
  color: var(--v29-muted) !important;
}
.contact-grid,
.contact-grid > div {
  border-color: var(--v29-line) !important;
}
.contact-grid > div {
  color: var(--v29-ink) !important;
  background: rgba(248, 245, 241, .24) !important;
  box-shadow: none !important;
}
.contact-grid > div:hover {
  color: var(--v29-ink-strong) !important;
  background: var(--v29-surface-deep) !important;
  box-shadow: 0 18px 48px var(--v29-shadow-soft) !important;
}
.contact-grid > div:hover span {
  color: var(--v29-muted) !important;
}
.site-footer {
  color: var(--v29-muted) !important;
  border-color: var(--v29-line) !important;
  background: #e8dfd7 !important;
}
.site-footer .wordmark {
  color: var(--v29-ink-strong) !important;
}
.gallery-manager,
.gallery-manager__panel,
.owner-panel,
.owner-tools {
  color: var(--v29-ink) !important;
  border-color: var(--v29-line) !important;
  background: rgba(242, 238, 234, .97) !important;
  box-shadow: 0 20px 60px var(--v29-shadow) !important;
}
.gallery-manager__eyebrow,
.gallery-manager__meta,
.owner-tools__hint {
  color: var(--v29-muted) !important;
}
.gallery-manager button,
.owner-panel button,
.owner-tools button {
  color: var(--v29-ink) !important;
  border-color: var(--v29-line-strong) !important;
  background: rgba(248, 245, 241, .68) !important;
}
.gallery-manager button.primary,
.owner-tools button.primary,
html.editing [data-image-slot]::after,
.edit-toast {
  color: var(--v29-ink-strong) !important;
  border-color: var(--v29-accent-soft) !important;
  background: #ded0c4 !important;
}
.gallery-manager button.danger {
  color: #8b5241 !important;
  border-color: rgba(139, 82, 65, .26) !important;
  background: rgba(139, 82, 65, .06) !important;
}
html.editing [data-edit],
html.editing [data-image-slot] {
  outline-color: var(--v29-accent) !important;
}
@media (max-width: 900px) {
  .site-header,
  .site-header::before,
  .site-header.is-scrolled,
  .site-header.is-scrolled::before,
  .mobile-nav {
    background: rgba(242, 238, 234, .97) !important;
  }
}

/* source-site/assets/v30-charcoal-balance.css */
:root {
  --v30-charcoal: #1a1c22;
  --v30-charcoal-raised: #23262e;
  --v30-charcoal-soft: #2b2e37;
  --v30-white: #ffffff;
  --v30-page: #f8f8f7;
  --v30-section: #f5f6f8;
  --v30-card: #ffffff;
  --v30-ink: #25272d;
  --v30-copy: #5f626b;
  --v30-copy-light: #c9cbd1;
  --v30-line: rgba(45, 48, 56, .13);
  --v30-accent: #c49a75;
  --v30-accent-light: #deb994;
  --v30-dark-shadow: rgba(12, 14, 19, .24);
}
.manifesto {
  color: #f7f8fa !important;
  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(196, 154, 117, .13),
      transparent 31%),
    var(--v30-charcoal) !important;
}
.manifesto *,
.manifesto h2,
.manifesto strong {
  color: #f7f8fa !important;
}
.manifesto > span,
.manifesto__inner > span,
.manifesto p {
  color: var(--v30-copy-light) !important;
}
.booking {
  color: var(--v30-ink) !important;
  background: var(--v30-page) !important;
}
.booking h2,
.booking h3 {
  color: var(--v30-ink) !important;
}
.booking .section-heading .eyebrow,
.booking .section-heading > p,
.booking-step p {
  color: var(--v30-copy) !important;
}
.booking-steps,
.booking-step {
  border-color: var(--v30-line) !important;
}
.booking-step {
  color: var(--v30-ink) !important;
  background: rgba(255, 255, 255, .50) !important;
  box-shadow: none !important;
}
.booking-step b {
  color: #9a7658 !important;
}
#services,
.services {
  color: var(--v30-ink) !important;
  background: var(--v30-section) !important;
}
#services .section-heading h2,
.services .section-heading h2 {
  color: var(--v30-ink) !important;
}
#services .section-heading .eyebrow,
#services .section-heading > p,
.services .section-heading .eyebrow,
.services .section-heading > p {
  color: var(--v30-copy) !important;
}
#services .package,
#services .package--featured {
  color: var(--v30-ink) !important;
  border-color: var(--v30-line) !important;
  background: var(--v30-card) !important;
  box-shadow: 0 14px 38px rgba(43, 46, 54, .055) !important;
}
#services .package h3,
#services .package--featured h3 {
  color: var(--v30-ink) !important;
}
#services .package__tag,
#services .package__note,
#services .package ul,
#services .package li,
#services .package--featured .package__tag,
#services .package--featured .package__note,
#services .package--featured ul,
#services .package--featured li {
  color: var(--v30-copy) !important;
}
#services .package li::before,
#services .package--featured li::before {
  color: #9a7658 !important;
}
#services .package:hover,
#services .package:focus-within,
#services .package--featured:hover,
#services .package--featured:focus-within {
  color: #f7f8fa !important;
  border-color: transparent !important;
  background: var(--v30-charcoal) !important;
  box-shadow: 0 26px 64px var(--v30-dark-shadow) !important;
}
#services .package:hover h3,
#services .package:focus-within h3,
#services .package--featured:hover h3,
#services .package--featured:focus-within h3 {
  color: #ffffff !important;
}
#services .package:hover .package__tag,
#services .package:focus-within .package__tag,
#services .package--featured:hover .package__tag,
#services .package--featured:focus-within .package__tag {
  color: var(--v30-accent-light) !important;
}
#services .package:hover .package__note,
#services .package:hover ul,
#services .package:hover li,
#services .package:focus-within .package__note,
#services .package:focus-within ul,
#services .package:focus-within li,
#services .package--featured:hover .package__note,
#services .package--featured:hover ul,
#services .package--featured:hover li,
#services .package--featured:focus-within .package__note,
#services .package--featured:focus-within ul,
#services .package--featured:focus-within li {
  color: var(--v30-copy-light) !important;
}
#services .package:hover li::before,
#services .package:focus-within li::before,
#services .package--featured:hover li::before,
#services .package--featured:focus-within li::before {
  color: var(--v30-accent-light) !important;
}
#service-intro,
.service-intro.plans {
  --v21-gold: rgba(222,185,148,.82);
  --v21-gold-soft: rgba(222,185,148,.12);
  --v21-gold-glint: rgba(247,218,187,.92);
  --v22-card-rest: #ffffff;
  --v22-card-hover: var(--v30-charcoal);
  --v22-text-light: #ffffff;
  --v22-text-soft: var(--v30-copy-light);
  --v22-gold: var(--v30-accent-light);
  --v25-paper-warm: var(--v30-charcoal);
  --v25-paper-highlight: var(--v30-charcoal);
  --v25-ink: #ffffff;
  --v25-ink-soft: var(--v30-copy-light);
  --v25-price-brown: var(--v30-accent-light);
  --v25-corner-black: rgba(222,185,148,.88);
  --v25-corner-black-soft: rgba(222,185,148,.32);
  color: #f7f8fa !important;
  background:
    radial-gradient(
      circle at 12% 78%,
      rgba(196, 154, 117, .13),
      transparent 31%),
    radial-gradient(
      circle at 84% 18%,
      rgba(255, 255, 255, .055),
      transparent 34%),
    linear-gradient(
      145deg,
      var(--v30-charcoal-raised),
      var(--v30-charcoal) 68%) !important;
}
#service-intro .service-intro__header h2,
#service-intro .service-intro__copy > h2 {
  color: #ffffff !important;
}
#service-intro .eyebrow {
  color: var(--v30-accent-light) !important;
}
#service-intro .service-intro__lead,
#service-intro .service-intro__aside {
  color: var(--v30-copy-light) !important;
}
#service-intro .service-plan,
#service-intro .service-extra,
#service-intro .service-rules,
#service-intro .makeup-showcase {
  color: var(--v30-ink) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  background: var(--v30-card) !important;
  box-shadow: 0 18px 48px rgba(10, 12, 16, .18) !important;
}
#service-intro .service-plan h3,
#service-intro .service-extra h3,
#service-intro .service-rules h3,
#service-intro .makeup-showcase h3,
#service-intro .service-plan__price strong,
#service-intro .service-extra__grid b {
  color: var(--v30-ink) !important;
  text-shadow: none !important;
}
#service-intro .service-plan__top > span,
#service-intro .service-extra__heading > span,
#service-intro .service-rules__title > span,
#service-intro .makeup-showcase__copy > span,
#service-intro .service-rules__list b {
  color: #8c684c !important;
}
#service-intro .service-plan small,
#service-intro .service-plan li,
#service-intro .service-extra p,
#service-intro .service-extra > small,
#service-intro .service-rules p,
#service-intro .makeup-showcase p,
#service-intro .makeup-showcase figcaption {
  color: var(--v30-copy) !important;
}
#service-intro .service-plan li,
#service-intro .service-extra__grid p,
#service-intro .service-rules__list p {
  border-color: var(--v30-line) !important;
}
#service-intro .service-plan__price p,
#service-intro .service-extra__grid p {
  background: var(--v30-section) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold),
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) {
  color: #f7f8fa !important;
  border-color: transparent !important;
  background: var(--v30-charcoal) !important;
  box-shadow: 0 28px 68px rgba(9, 11, 15, .34), inset 0 1px rgba(255, 255, 255, .055) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) * {
  color: #f7f8fa !important;
  text-shadow: none !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) small,
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) li,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) p,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) > small,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) p,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) p,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) figcaption {
  color: var(--v30-copy-light) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__top > span,
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__price strong,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__heading > span,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__grid b,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) .service-rules__title > span,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) .service-rules__list b,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) .makeup-showcase__copy > span {
  color: var(--v30-accent-light) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) li,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) p,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) p {
  border-color: rgba(255, 255, 255, .12) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__price p,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__grid p {
  background: rgba(255, 255, 255, .045) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold)::before {
  background:
    linear-gradient(
      90deg,
      var(--v30-accent),
      var(--v30-accent-light)) left top / 27px 1px no-repeat,
    linear-gradient(
      180deg,
      var(--v30-accent),
      var(--v30-accent-light)) left top / 1px 27px no-repeat,
    linear-gradient(
      270deg,
      var(--v30-accent),
      var(--v30-accent-light)) right top / 27px 1px no-repeat,
    linear-gradient(
      180deg,
      var(--v30-accent),
      var(--v30-accent-light)) right top / 1px 27px no-repeat,
    linear-gradient(
      90deg,
      var(--v30-accent),
      var(--v30-accent-light)) left bottom / 27px 1px no-repeat,
    linear-gradient(
      0deg,
      var(--v30-accent),
      var(--v30-accent-light)) left bottom / 1px 27px no-repeat,
    linear-gradient(
      270deg,
      var(--v30-accent),
      var(--v30-accent-light)) right bottom / 27px 1px no-repeat,
    linear-gradient(
      0deg,
      var(--v30-accent),
      var(--v30-accent-light)) right bottom / 1px 27px no-repeat !important;
}
.contact {
  color: var(--v30-ink) !important;
  background:
    radial-gradient(
      circle at var(--contact-x, 70%) var(--contact-y, 35%),
      rgba(196, 154, 117, .10),
      transparent 28%),
    var(--v30-page) !important;
}
.site-footer {
  color: var(--v30-copy) !important;
  border-color: var(--v30-line) !important;
  background: #f1f2f4 !important;
}
.site-footer .wordmark {
  color: var(--v30-ink) !important;
}

/* source-site/assets/v31-plan-harmony.css */
#service-intro,
.service-intro.plans {
  --v31-ground: #d8d2cc;
  --v31-ground-light: #e1dbd5;
  --v31-card: #e9e4df;
  --v31-card-hover: #d0cac4;
  --v31-inner: #ddd7d1;
  --v31-inner-hover: #c8c2bc;
  --v31-ink: #35373d;
  --v31-copy: #62656c;
  --v31-copy-soft: #73767d;
  --v31-accent: #6b4e3a;
  --v31-line: rgba(62, 64, 70, .11);
  --v31-line-hover: rgba(62, 64, 70, .16);
  --v31-shadow: rgba(65, 59, 54, .075);
  --v31-shadow-hover: rgba(65, 59, 54, .115);
  --v21-gold: rgba(135,103,80,.48);
  --v21-gold-soft: rgba(135,103,80,.075);
  --v21-gold-glint: rgba(185,157,136,.62);
  --v22-card-rest: var(--v31-card);
  --v22-card-hover: var(--v31-card-hover);
  --v22-text-light: var(--v31-ink);
  --v22-text-soft: var(--v31-copy);
  --v22-gold: var(--v31-accent);
  --v25-paper-warm: var(--v31-card-hover);
  --v25-paper-highlight: #d9d3cd;
  --v25-ink: var(--v31-ink);
  --v25-ink-soft: var(--v31-copy);
  --v25-price-brown: #6f5949;
  --v25-corner-black: rgba(93,75,62,.50);
  --v25-corner-black-soft: rgba(93,75,62,.18);
  color: var(--v31-ink) !important;
  background:
    radial-gradient(
      circle at 12% 78%,
      rgba(255, 255, 255, .20),
      transparent 31%),
    radial-gradient(
      circle at 84% 18%,
      rgba(151, 126, 108, .065),
      transparent 34%),
    linear-gradient(
      145deg,
      var(--v31-ground-light),
      var(--v31-ground) 68%) !important;
}
#service-intro .service-intro__header h2,
#service-intro .service-intro__copy > h2 {
  color: var(--v31-ink) !important;
}
#service-intro .eyebrow {
  color: var(--v31-accent) !important;
}
#service-intro .service-intro__lead,
#service-intro .service-intro__aside {
  color: var(--v31-copy) !important;
}
#service-intro .service-intro__halo {
  background:
    radial-gradient(
      circle,
      rgba(142, 112, 90, .11),
      transparent 68%) !important;
}
#service-intro .service-plan,
#service-intro .service-extra,
#service-intro .service-rules,
#service-intro .makeup-showcase {
  color: var(--v31-ink) !important;
  border-color: var(--v31-line) !important;
  background: var(--v31-card) !important;
  box-shadow: 0 18px 48px var(--v31-shadow), inset 0 1px rgba(255, 255, 255, .34) !important;
}
#service-intro .service-plan h3,
#service-intro .service-extra h3,
#service-intro .service-rules h3,
#service-intro .makeup-showcase h3,
#service-intro .service-plan__price strong,
#service-intro .service-extra__grid b {
  color: var(--v31-ink) !important;
  text-shadow: none !important;
}
#service-intro .service-plan__top > span,
#service-intro .service-extra__heading > span,
#service-intro .service-rules__title > span,
#service-intro .makeup-showcase__copy > span,
#service-intro .service-rules__list b {
  color: var(--v31-accent) !important;
}
#service-intro .service-plan small,
#service-intro .service-plan li,
#service-intro .service-extra p,
#service-intro .service-extra > small,
#service-intro .service-rules p,
#service-intro .makeup-showcase p {
  color: var(--v31-copy) !important;
}
#service-intro .service-plan li,
#service-intro .service-extra__grid p,
#service-intro .service-rules__list p {
  border-color: var(--v31-line) !important;
}
#service-intro .service-plan__price p,
#service-intro .service-extra__grid p {
  color: var(--v31-ink) !important;
  background: var(--v31-inner) !important;
}
#service-intro .plan-float-target {
  color: var(--v31-ink) !important;
  text-shadow: 0 8px 18px rgba(69, 61, 55, .075) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold),
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) {
  color: var(--v31-ink) !important;
  border-color: var(--v31-line-hover) !important;
  background: var(--v31-card-hover) !important;
  box-shadow: 0 24px 58px var(--v31-shadow-hover), inset 0 1px rgba(255, 255, 255, .22) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) *,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) * {
  color: var(--v31-ink) !important;
  text-shadow: none !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) small,
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) li,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) p,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) > small,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) p,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) p {
  color: var(--v31-copy) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__top > span,
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__price strong,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__heading > span,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__grid b,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) .service-rules__title > span,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) .service-rules__list b,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) .makeup-showcase__copy > span {
  color: var(--v31-accent) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) li,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) p,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold) p {
  border-color: var(--v31-line-hover) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__price p,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__grid p {
  background: var(--v31-inner-hover) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold)::before,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold)::before {
  background:
    linear-gradient(
      90deg,
      rgba(112, 87, 69, .34),
      rgba(167, 137, 116, .44)) left top / 27px 1px no-repeat,
    linear-gradient(
      180deg,
      rgba(112, 87, 69, .34),
      rgba(167, 137, 116, .44)) left top / 1px 27px no-repeat,
    linear-gradient(
      270deg,
      rgba(112, 87, 69, .34),
      rgba(167, 137, 116, .44)) right top / 27px 1px no-repeat,
    linear-gradient(
      180deg,
      rgba(112, 87, 69, .34),
      rgba(167, 137, 116, .44)) right top / 1px 27px no-repeat,
    linear-gradient(
      90deg,
      rgba(112, 87, 69, .34),
      rgba(167, 137, 116, .44)) left bottom / 27px 1px no-repeat,
    linear-gradient(
      0deg,
      rgba(112, 87, 69, .34),
      rgba(167, 137, 116, .44)) left bottom / 1px 27px no-repeat,
    linear-gradient(
      270deg,
      rgba(112, 87, 69, .34),
      rgba(167, 137, 116, .44)) right bottom / 27px 1px no-repeat,
    linear-gradient(
      0deg,
      rgba(112, 87, 69, .34),
      rgba(167, 137, 116, .44)) right bottom / 1px 27px no-repeat !important;
}
#service-intro .makeup-showcase figure {
  background: #c9c3bd !important;
}
#service-intro .makeup-showcase figcaption,
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) figcaption {
  color: #e7e2dd !important;
  background: rgba(57, 58, 62, .62) !important;
}

/* source-site/assets/v32-plan-contrast-clean-price.css */
#service-intro,
.service-intro.plans {
  --v31-ground: #d1cbc5;
  --v31-ground-light: #ddd7d1;
  --v31-card: #f1ede9;
  --v31-card-hover: #c1bab3;
  --v31-inner: #d6d0ca;
  --v31-inner-hover: #b9b2ab;
  --v31-line: rgba(55, 57, 63, .14);
  --v31-line-hover: rgba(55, 57, 63, .19);
  --v31-shadow: rgba(57, 52, 48, .10);
  --v31-shadow-hover: rgba(57, 52, 48, .15);
  background:
    radial-gradient(
      circle at 12% 78%,
      rgba(255, 255, 255, .25),
      transparent 31%),
    radial-gradient(
      circle at 84% 18%,
      rgba(129, 106, 89, .075),
      transparent 34%),
    linear-gradient(
      145deg,
      var(--v31-ground-light),
      var(--v31-ground) 68%) !important;
}
#service-intro .service-plan,
#service-intro .service-extra,
#service-intro .service-rules,
#service-intro .makeup-showcase {
  border-color: var(--v31-line) !important;
  background: var(--v31-card) !important;
  box-shadow: 0 20px 52px var(--v31-shadow), inset 0 1px rgba(255, 255, 255, .42) !important;
}
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold),
#service-intro .service-rules:is(:hover, :focus-within, .is-v19-gold),
#service-intro .makeup-showcase:is(:hover, :focus-within, .is-v19-gold) {
  border-color: var(--v31-line-hover) !important;
  background: var(--v31-card-hover) !important;
  box-shadow: 0 26px 62px var(--v31-shadow-hover), inset 0 1px rgba(255, 255, 255, .24) !important;
}
#service-intro .service-plan__price,
#service-intro .service-plan__price p,
#service-intro .service-extra__grid,
#service-intro .service-extra__grid p,
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__price,
#service-intro .service-plan:is(:hover, :focus-within, .is-v19-gold) .service-plan__price p,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__grid,
#service-intro .service-extra:is(:hover, :focus-within, .is-v19-gold) .service-extra__grid p {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* source-site/assets/v33-mobile-works-focus.css */
#works .works-exhibit__intro,
#works .works-exhibit__intro [data-edit],
#works .works-exhibit__hud,
#works .works-exhibit__hud strong,
#works .works-exhibit__hud p,
#works .work-card figcaption,
#works .work-card figcaption [data-edit] {
  overflow-wrap: normal !important;
  word-break: normal !important;
  line-break: strict;
  text-wrap: pretty;
  hyphens: none;
}
@supports (word-break: auto-phrase) {
  #works .works-exhibit__intro [data-edit],
  #works .works-exhibit__hud strong,
  #works .works-exhibit__hud p,
  #works .work-card figcaption [data-edit] {
    word-break: auto-phrase !important;
  }
}
#works .works-loop-controls button:disabled {
  opacity: .34;
  cursor: default;
  box-shadow: none !important;
  transform: none !important;
}
#works .works-loop-controls button:disabled:hover,
#works .works-loop-controls button:disabled:focus-visible {
  color: inherit !important;
  background: transparent !important;
  transform: none !important;
}
@media (min-width: 901px) {
  #works .works-exhibit__intro > p {
    max-width: 38em !important;
    text-wrap: pretty;
  }
  #works .works-exhibit__intro > p > span {
    white-space: normal;
  }
}
@media (max-width: 900px) {
  #works.works-exhibit {
    padding-top: clamp(62px, 8.5svh, 92px) !important;
    padding-bottom: 0 !important;
  }
  #works .works-exhibit__intro {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: clamp(14px, 3.8vw, 22px) !important;
    width: 100% !important;
    margin-bottom: clamp(24px, 6vw, 38px) !important;
  }
  #works .works-exhibit__intro .eyebrow {
    margin-bottom: 12px !important;
    font-size: 8px !important;
    line-height: 1.45 !important;
    letter-spacing: .2em !important;
  }
  #works .works-exhibit__intro h2 {
    max-width: 10em !important;
    margin: 0 !important;
    font-size: clamp(34px, 10.4vw, 52px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em !important;
    text-wrap: balance;
  }
  #works .works-exhibit__intro > p {
    width: 100% !important;
    max-width: 38em !important;
    margin: 0 !important;
    font-size: clamp(12px, 3.25vw, 14px) !important;
    line-height: 1.76 !important;
  }
  #works .works-exhibit__intro > p br {
    display: none;
  }
  #works .works-exhibit__intro > p > span {
    display: inline !important;
    white-space: normal !important;
  }
  #works .works-exhibit__scroll {
    height: max(1500px, 260svh) !important;
    min-height: max(1500px, 260svh) !important;
    margin-right: calc(var(--v28-inline) * -1) !important;
    margin-left: calc(var(--v28-inline) * -1) !important;
    overscroll-behavior-y: auto !important;
  }
  #works .works-exhibit__sticky {
    height: 100svh !important;
    min-height: 100svh !important;
  }
  #works .works-exhibit__hud {
    top: max(56px, calc(env(safe-area-inset-top) + 48px)) !important;
    right: max(18px, env(safe-area-inset-right)) !important;
    left: max(18px, env(safe-area-inset-left)) !important;
    gap: 5px !important;
    width: auto !important;
    max-width: min(390px, calc(100vw - 36px)) !important;
    max-height: none !important;
    padding: 14px 22px 17px 0 !important;
    transform: none !important;
  }
  #works .works-exhibit__hud strong {
    max-width: 100% !important;
    font-size: clamp(28px, 8.6vw, 40px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
  }
  #works .works-exhibit__hud p {
    display: block !important;
    width: 100% !important;
    max-width: 34em !important;
    margin: 8px 0 0 !important;
    overflow: visible !important;
    font-size: clamp(11.5px, 3vw, 13px) !important;
    line-height: 1.68 !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: unset !important;
  }
  #works .works-exhibit__sticky.is-mobile-direct-focus .works-exhibit__hud {
    opacity: 1 !important;
    transform: none !important;
  }
  #works .work-card,
  #works .work-card:nth-child(n),
  html.spatial-v3 #works .work-card:nth-child(n)[data-spatial-stage] {
    top: 61% !important;
    left: 50% !important;
    width: min(90vw, 430px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: none !important;
    transition: transform 860ms cubic-bezier(.16, 1, .3, 1), opacity 620ms cubic-bezier(.16, 1, .3, 1) !important;
  }
  #works .works-exhibit__sticky.is-initializing .work-card {
    transition: none !important;
  }
  #works .works-exhibit__sticky.is-switching .work-card,
  #works .works-exhibit__sticky.is-releasing .work-card {
    transition: transform 1040ms cubic-bezier(.16, 1, .3, 1), opacity 720ms cubic-bezier(.16, 1, .3, 1) !important;
  }
  #works .work-card .media {
    width: 100% !important;
    height: min(54svh, calc((100vw - 24px) * 1.25), 540px) !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }
  #works .work-card figcaption {
    gap: 12px !important;
    padding-top: 9px !important;
  }
  #works .work-card figcaption h3 {
    font-size: clamp(15px, 4.1vw, 19px) !important;
    line-height: 1.25 !important;
  }
  #works .works-loop-controls {
    right: max(10px, env(safe-area-inset-right)) !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    transform: scale(.84);
    transform-origin: right bottom;
  }
}
@media (max-width: 560px) {
  #works .works-exhibit__hud {
    top: max(50px, calc(env(safe-area-inset-top) + 42px)) !important;
    right: max(16px, env(safe-area-inset-right)) !important;
    left: max(16px, env(safe-area-inset-left)) !important;
    max-width: calc(100vw - 32px) !important;
  }
  #works .works-depth-indicator {
    margin-top: 12px !important;
  }
  #works .works-depth-indicator small {
    line-height: 1.5 !important;
    white-space: normal !important;
  }
}
@media (max-width: 900px) and (max-height: 650px) {
  #works .works-exhibit__hud {
    top: max(38px, calc(env(safe-area-inset-top) + 32px)) !important;
    gap: 3px !important;
    padding-top: 8px !important;
    padding-bottom: 10px !important;
  }
  #works .works-exhibit__hud strong {
    font-size: clamp(25px, 7.8vw, 34px) !important;
  }
  #works .works-exhibit__hud p {
    margin-top: 5px !important;
    font-size: 10.5px !important;
    line-height: 1.5 !important;
  }
  #works .works-depth-indicator {
    margin-top: 8px !important;
  }
  #works .work-card,
  #works .work-card:nth-child(n),
  html.spatial-v3 #works .work-card:nth-child(n)[data-spatial-stage] {
    top: 61.5% !important;
  }
  #works .work-card .media {
    height: min(47svh, calc((100vw - 24px) * 1.12), 360px) !important;
  }
  #works .works-loop-controls {
    transform: scale(.74);
  }
}
@media (max-width: 950px) and (max-height: 560px) and (orientation: landscape) {
  #works .works-exhibit__hud {
    top: 50% !important;
    right: auto !important;
    left: max(20px, env(safe-area-inset-left)) !important;
    width: min(39vw, 340px) !important;
    max-width: min(39vw, 340px) !important;
    transform: translateY(-50%) !important;
  }
  #works .work-card,
  #works .work-card:nth-child(n),
  html.spatial-v3 #works .work-card:nth-child(n)[data-spatial-stage] {
    top: 50% !important;
    left: 70% !important;
    width: min(43vw, 390px) !important;
    max-width: min(43vw, 390px) !important;
  }
  #works .work-card .media {
    height: min(72svh, 360px) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #works .work-card,
  #works .works-exhibit__sticky.is-switching .work-card,
  #works .works-exhibit__sticky.is-releasing .work-card {
    transition-duration: .01ms !important;
  }
}

/* source-site/assets/v37-simplified-works-hover-render.css */
:root {
  --v35-paper: #f2efea;
  --v35-paper-deep: #e7e1da;
  --v35-ink: #1a1c22;
  --v35-brown: #704735;
  --v35-gold: #b89155;
  --v35-copy: #525159;
  --v35-ease: cubic-bezier(.16, 1, .3, 1);
  --v35-ease-in-out: cubic-bezier(.65, 0, .35, 1);
}
.opening-ink {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #eee9e2;
  background:
    radial-gradient(
      circle at 50% 46%,
      rgba(255, 255, 255, .08),
      transparent 26%),
    linear-gradient(
      135deg,
      #36251f 0%,
      #1a1c22 54%,
      #121319 100%);
  opacity: 1;
  visibility: visible;
  pointer-events: none;
  transition: opacity 1050ms var(--v35-ease), visibility 1050ms step-end;
  contain: strict;
}
.opening-ink::before,
.opening-ink::after {
  content: "";
  position: absolute;
  inset: -22%;
  pointer-events: none;
}
.opening-ink::before {
  background:
    radial-gradient(
      ellipse at 19% 74%,
      rgba(133, 78, 54, .68),
      transparent 27%),
    radial-gradient(
      ellipse at 77% 25%,
      rgba(80, 45, 34, .62),
      transparent 29%),
    radial-gradient(
      circle at 49% 54%,
      rgba(8, 9, 12, .76),
      transparent 38%);
  filter: blur(28px);
  transform: scale(.78) rotate(-4deg);
  animation: v35-opening-field 2250ms var(--v35-ease) both;
}
.opening-ink::after {
  opacity: .34;
  background:
    repeating-linear-gradient(
      8deg,
      transparent 0 23px,
      rgba(255, 255, 255, .025) 23px 24px),
    radial-gradient(
      circle at 50% 50%,
      transparent 0 32%,
      rgba(0, 0, 0, .52) 78%);
  mix-blend-mode: soft-light;
}
.opening-ink__wash {
  position: absolute;
  width: 76vmax;
  aspect-ratio: 1;
  border-radius: 46% 54% 61% 39% / 54% 43% 57% 46%;
  filter: blur(24px);
  transform: scale(.05) rotate(0deg);
  will-change:
    transform,
    opacity,
    filter;
}
.opening-ink__wash--brown {
  left: -21vmax;
  bottom: -35vmax;
  opacity: .86;
  background:
    radial-gradient(
      circle at 52% 48%,
      rgba(131, 78, 54, .96) 0 24%,
      rgba(100, 56, 41, .72) 43%,
      rgba(82, 43, 32, .18) 66%,
      transparent 76%),
    radial-gradient(
      circle at 35% 61%,
      rgba(180, 116, 76, .42),
      transparent 46%);
  animation: v35-opening-brown 1880ms var(--v35-ease) 70ms both;
}
.opening-ink__wash--charcoal {
  top: -34vmax;
  right: -23vmax;
  opacity: .95;
  background:
    radial-gradient(
      circle at 46% 54%,
      rgba(26, 28, 34, .98) 0 28%,
      rgba(13, 14, 18, .82) 45%,
      rgba(10, 11, 14, .22) 67%,
      transparent 77%),
    radial-gradient(
      circle at 65% 38%,
      rgba(85, 64, 53, .32),
      transparent 42%);
  animation: v35-opening-charcoal 2050ms var(--v35-ease) 120ms both;
}
.opening-ink__mark {
  position: relative;
  z-index: 3;
  display: grid;
  gap: 14px;
  justify-items: center;
  opacity: 0;
  filter: blur(9px);
  transform: translate3d(0, 18px, 0) scale(.96);
  animation: v35-opening-mark 1200ms var(--v35-ease) 480ms both;
}
.opening-ink__mark strong {
  font-family:
    Georgia,
    "Times New Roman",
    serif;
  font-size: clamp(52px, 7vw, 104px);
  font-weight: 500;
  line-height: .8;
  letter-spacing: -.055em;
}
.opening-ink__mark sup {
  margin-left: .15em;
  font-size: .12em;
  vertical-align: top;
}
.opening-ink__mark span {
  font-size: clamp(8px, .72vw, 11px);
  letter-spacing: .34em;
}
.opening-ink.is-leaving {
  opacity: 0;
  visibility: hidden;
}
body > .intro {
  opacity: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}
body > .intro > * {
  visibility: hidden !important;
}
@keyframes v35-opening-field {
  0% {
    opacity: .35;
    transform: scale(.76) rotate(-5deg);
    filter: blur(42px);
  }
  58% {
    opacity: 1;
  }
  100% {
    opacity: .72;
    transform: scale(1.08) rotate(1deg);
    filter: blur(22px);
  }
}
@keyframes v35-opening-brown {
  0% {
    opacity: 0;
    transform: scale(.05) rotate(-14deg);
    filter: blur(38px);
  }
  32% {
    opacity: .9;
  }
  100% {
    opacity: .76;
    transform: scale(1.38) rotate(8deg);
    filter: blur(20px);
  }
}
@keyframes v35-opening-charcoal {
  0% {
    opacity: 0;
    transform: scale(.04) rotate(12deg);
    filter: blur(44px);
  }
  30% {
    opacity: .95;
  }
  100% {
    opacity: .9;
    transform: scale(1.42) rotate(-7deg);
    filter: blur(21px);
  }
}
@keyframes v35-opening-mark {
  0% {
    opacity: 0;
    filter: blur(9px);
    transform: translate3d(0, 18px, 0) scale(.96);
  }
  52%, 100% {
    opacity: .92;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}
#works.works-exhibit {
  --works-count: 6;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: 0 !important;
  color: var(--v35-ink);
  background: var(--v35-paper);
  overflow: visible !important;
}
#works .works-exhibit__intro {
  display: none !important;
}
#works .works-exhibit__scroll {
  position: relative !important;
  width: 100% !important;
  height: calc(100vh + (var(--works-count) - 1) * 76vh) !important;
  height: calc(100svh + (var(--works-count) - 1) * 76svh) !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
#works .works-exhibit__sticky {
  position: sticky !important;
  top: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  height: 100svh !important;
  min-height: 620px !important;
  overflow: hidden !important;
  overflow: clip !important;
  isolation: isolate;
  background:
    radial-gradient(
      ellipse 17% 54% at 1% 50%,
      rgba(26, 28, 34, .16),
      transparent 76%),
    radial-gradient(
      ellipse 16% 44% at 99% 48%,
      rgba(112, 71, 53, .12),
      transparent 78%),
    radial-gradient(
      circle at 65% 38%,
      rgba(255, 255, 255, .93),
      transparent 42%),
    linear-gradient(
      123deg,
      #f7f5f1 0%,
      var(--v35-paper) 56%,
      #e8e3dd 100%) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
  touch-action: pan-y pinch-zoom;
}
#works .works-exhibit__sticky::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  opacity: .56 !important;
  background:
    linear-gradient(
      90deg,
      rgba(26, 28, 34, .04),
      transparent 14% 84%,
      rgba(26, 28, 34, .035)),
    repeating-linear-gradient(
      5deg,
      transparent 0 31px,
      rgba(73, 56, 45, .018) 31px 32px) !important;
  box-shadow: inset 8vw 0 18vw -14vw rgba(26, 28, 34, .42), inset -8vw 0 18vw -14vw rgba(42, 32, 27, .32) !important;
  pointer-events: none;
}
#works .works-exhibit__sticky::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  z-index: -1 !important;
  height: 24vh !important;
  opacity: .5 !important;
  background:
    linear-gradient(
      0deg,
      rgba(229, 222, 214, .68),
      transparent) !important;
  pointer-events: none;
}
#works .works-exhibit__scene,
#works .works-tunnel-guides,
#works .works-depth-vanish {
  display: none !important;
}
#works .works-exhibit__hud {
  position: absolute !important;
  top: 50% !important;
  left: clamp(88px, 13.6vw, 246px) !important;
  z-index: 180 !important;
  display: grid !important;
  width: min(29vw, 470px) !important;
  max-width: 470px !important;
  gap: 0 !important;
  padding: 0 !important;
  color: var(--v35-ink) !important;
  background: transparent !important;
  transform: translate3d(0, -50%, 0) !important;
  transition: none !important;
  pointer-events: none;
}
#works .works-exhibit__hud > span {
  order: 0;
  margin: 0 0 18px !important;
  color: #59575b !important;
  font-size: clamp(8px, .62vw, 10px) !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: .3em !important;
}
#works .works-exhibit__hud > b {
  order: 1;
  margin: 0 0 20px !important;
  color: #3a393e !important;
  font-size: clamp(12px, .9vw, 16px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: .13em !important;
  font-variant-numeric: tabular-nums;
}
#works .works-exhibit__hud > strong {
  order: 2;
  position: relative;
  width: max-content;
  max-width: 100%;
  margin: 0 0 clamp(42px, 4.1vh, 58px) !important;
  color: var(--v35-ink) !important;
  font-family:
    Georgia,
    "Noto Serif SC",
    "Songti SC",
    serif !important;
  font-size: clamp(48px, 4.1vw, 72px) !important;
  font-weight: 400 !important;
  line-height: .98 !important;
  letter-spacing: -.075em !important;
  white-space: nowrap;
  text-shadow: none !important;
}
#works .works-exhibit__hud > strong::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: clamp(-28px, -2.2vh, -20px);
  width: 44px;
  height: 2px;
  background: var(--v35-gold);
  transform-origin: left;
  transition: transform 720ms var(--v35-ease);
}
#works .works-exhibit__hud > p {
  order: 3;
  max-width: 31em !important;
  margin: 0 !important;
  color: #4d4b50 !important;
  font-family:
    Georgia,
    "Noto Serif SC",
    serif !important;
  font-size: clamp(12px, .92vw, 15px) !important;
  font-weight: 400 !important;
  line-height: 1.95 !important;
  letter-spacing: .035em !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  line-break: strict;
  text-wrap: pretty;
}
#works .works-depth-indicator {
  order: 4;
  display: grid !important;
  gap: 13px !important;
  width: min(100%, 360px) !important;
  margin: clamp(42px, 5.4vh, 68px) 0 0 !important;
  pointer-events: auto;
}
#works .works-depth-indicator__track {
  --indicator-progress: 0;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 18px !important;
  border: 0 !important;
  outline: 0;
  cursor: ew-resize;
  touch-action: none;
}
#works .works-depth-indicator__track::before,
#works .works-depth-indicator__track::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  transform: translateY(-50%);
  pointer-events: none;
}
#works .works-depth-indicator__track::before {
  width: 100%;
  background:
    linear-gradient(
      90deg,
      rgba(26, 28, 34, .38),
      rgba(26, 28, 34, .08));
}
#works .works-depth-indicator__track::after {
  width: calc(var(--indicator-progress) * 100%);
  background:
    linear-gradient(
      90deg,
      var(--v35-gold),
      #806a49);
  transition: width 740ms var(--v35-ease);
}
#works .works-depth-indicator__track:focus-visible {
  outline: 1px solid rgba(184, 145, 85, .7);
  outline-offset: 7px;
}
#works #works-depth-indicator-ball {
  position: absolute !important;
  top: 50% !important;
  left: calc(var(--indicator-progress) * (100% - 18px)) !important;
  width: 18px !important;
  height: 18px !important;
  border: 1px solid rgba(80, 67, 49, .32) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(
      circle at 34% 28%,
      #fff 0 15%,
      #e9ddcb 43%,
      #b49c77 100%) !important;
  box-shadow: 0 6px 16px rgba(26, 28, 34, .22), 0 0 0 5px rgba(255, 255, 255, .38) !important;
  transform: translate3d(0, -50%, 0) !important;
  transition: left 740ms var(--v35-ease), box-shadow 420ms ease !important;
}
#works .works-depth-indicator__track:hover #works-depth-indicator-ball,
#works .works-depth-indicator__track:focus-visible #works-depth-indicator-ball {
  box-shadow: 0 8px 22px rgba(26, 28, 34, .3), 0 0 0 8px rgba(184, 145, 85, .13) !important;
}
#works #works-scroll-hint {
  color: #625f62 !important;
  font-size: clamp(9px, .7vw, 11px) !important;
  line-height: 1.5 !important;
  letter-spacing: .16em !important;
}
#works .works-exhibit__hud > em {
  order: 5;
  margin: 7px 0 0 !important;
  color: rgba(60, 58, 62, .72) !important;
  font-size: clamp(7px, .54vw, 9px) !important;
  font-style: normal !important;
  line-height: 1.5 !important;
  letter-spacing: .25em !important;
}
#works .works-exhibit__hud.is-copy-switching > span,
#works .works-exhibit__hud.is-copy-switching > b,
#works .works-exhibit__hud.is-copy-switching > strong,
#works .works-exhibit__hud.is-copy-switching > p {
  opacity: 0 !important;
  filter: blur(5px) !important;
  transform: translate3d(0, 18px, 0) !important;
}
#works .works-exhibit__hud > span,
#works .works-exhibit__hud > b,
#works .works-exhibit__hud > strong,
#works .works-exhibit__hud > p {
  transition:
    opacity 420ms ease,
    filter 560ms ease,
    transform 720ms var(--v35-ease) !important;
}
#works .works-step-rail {
  position: absolute;
  top: 50%;
  left: clamp(34px, 6.2vw, 112px);
  z-index: 210;
  display: grid;
  gap: 11px;
  padding: 9px;
  transform: translateY(-50%);
}
#works .works-step-rail::before {
  content: "";
  position: absolute;
  top: 17px;
  bottom: 17px;
  left: 50%;
  width: 1px;
  background: rgba(26, 28, 34, .25);
  transform: translateX(-50%);
}
#works .works-step-rail button {
  position: relative;
  z-index: 1;
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #aaa7a3;
  box-shadow: 0 0 0 5px var(--v35-paper);
  cursor: pointer;
  transition:
    background 380ms ease,
    transform 620ms var(--v35-ease),
    box-shadow 420ms ease;
}
#works .works-step-rail button.is-active {
  background: var(--v35-gold);
  box-shadow: 0 0 0 5px var(--v35-paper), 0 4px 12px rgba(112, 71, 53, .24);
  transform: scale(1.38);
}
#works .works-grid {
  position: absolute !important;
  inset: 0 !important;
  z-index: 120 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  perspective: 1800px;
  pointer-events: none;
}
#works .work-card,
#works .work-card:nth-child(n),
html.spatial-v3 #works .work-card:nth-child(n)[data-spatial-stage] {
  --card-shift-x: 92px;
  --card-shift-y: 24px;
  position: absolute !important;
  top: 51.5% !important;
  left: 64% !important;
  z-index: 1 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: var(--work-responsive-width, min(31vw, 470px)) !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: clamp(9px, .82vw, 14px) clamp(9px, .82vw, 14px) clamp(12px, 1vw, 17px) !important;
  overflow: visible !important;
  color: var(--v35-ink) !important;
  border: 1px solid rgba(255, 255, 255, .88) !important;
  border-radius: clamp(9px, .75vw, 13px) !important;
  background: rgba(248, 246, 242, .97) !important;
  box-shadow:
    0 94px 190px rgba(26, 28, 34, .34),
    0 46px 92px rgba(26, 28, 34, .27),
    0 19px 42px rgba(26, 28, 34, .21),
    0 7px 16px rgba(26, 28, 34, .12),
    inset 0 1px rgba(255, 255, 255, .96) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  filter: blur(8px) !important;
  transform: translate3d(-50%, -50%, 0) translate3d(var(--card-shift-x), var(--card-shift-y), 0) scale(.955) !important;
  transform-origin: 50% 52% !important;
  transition:
    opacity 440ms ease,
    visibility 0s linear 780ms,
    filter 620ms ease,
    transform 900ms var(--v35-ease),
    box-shadow 760ms var(--v35-ease) !important;
  will-change:
    transform,
    opacity,
    filter;
  pointer-events: none !important;
}
#works .work-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 24px -23px -29px 25px !important;
  z-index: -1 !important;
  display: block !important;
  border-radius: inherit !important;
  background:
    linear-gradient(
      145deg,
      rgba(26, 28, 34, .78),
      rgba(68, 52, 43, .34) 66%,
      rgba(26, 28, 34, .12)) !important;
  box-shadow: 0 28px 62px rgba(26, 28, 34, .24) !important;
  opacity: .6 !important;
  filter: blur(2px) !important;
  transform: rotate(.45deg) scale(.982) !important;
  transition:
    opacity 680ms ease,
    transform 920ms var(--v35-ease),
    filter 680ms ease !important;
  pointer-events: none;
}
#works .work-card.is-active {
  z-index: 30 !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: blur(0) !important;
  transform: translate3d(-50%, -50%, 0) translate3d(0, 0, 0) scale(1) !important;
  transition-delay: 0s !important;
  pointer-events: auto !important;
}
#works .work-card.is-before {
  --card-shift-x: -128px;
  --card-shift-y: 16px;
}
#works .work-card.is-after {
  --card-shift-x: 128px;
  --card-shift-y: 23px;
}
#works .work-card.is-active:hover {
  box-shadow:
    0 108px 210px rgba(26, 28, 34, .38),
    0 54px 105px rgba(26, 28, 34, .3),
    0 22px 46px rgba(26, 28, 34, .23),
    0 8px 18px rgba(26, 28, 34, .14),
    inset 0 1px rgba(255, 255, 255, .96) !important;
  transform: translate3d(-50%, -50%, 0) translate3d(0, -5px, 0) scale(1.006) !important;
}
#works .work-card.is-active:hover::before {
  opacity: .7 !important;
  filter: blur(3px) !important;
  transform: translate3d(7px, 5px, 0) rotate(.9deg) scale(.972) !important;
}
#works .work-card .media,
#works .work-card:nth-child(n) .media {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: var(--work-ratio, 4 / 5) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: clamp(5px, .52vw, 9px) !important;
  background: #ddd8d1 !important;
  box-shadow: 0 28px 62px rgba(26, 28, 34, .24), 0 10px 23px rgba(26, 28, 34, .17) !important;
  transform: none !important;
}
#works .work-card .media::before {
  display: none !important;
}
#works .work-card .media > img,
#works .work-card img[data-photo],
html.spatial-v3 #works .work-card .media.has-photo > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  filter: none !important;
  transform: none !important;
}
#works .work-card figcaption {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 14px !important;
  min-width: 0;
  padding: clamp(10px, .78vw, 14px) 2px 0 !important;
  opacity: 1 !important;
  transform: none !important;
}
#works .work-card figcaption h3 {
  margin: 0 0 3px !important;
  font-family:
    Georgia,
    "Noto Serif SC",
    serif !important;
  font-size: clamp(17px, 1.2vw, 22px) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: -.035em !important;
}
#works .work-card figcaption p:not(.work-card__editor-note) {
  margin: 0 !important;
  color: #7b7470 !important;
  font-size: clamp(7px, .5vw, 9px) !important;
  line-height: 1.35 !important;
  letter-spacing: .19em !important;
  text-transform: uppercase;
}
#works .work-card .work-card__editor-note {
  display: none !important;
}
#works .work-card figcaption b {
  color: #666266 !important;
  font-size: clamp(8px, .58vw, 10px) !important;
  font-weight: 400 !important;
  font-variant-numeric: tabular-nums;
}
#works .works-loop-controls {
  position: absolute !important;
  top: 50% !important;
  right: clamp(22px, 3.7vw, 68px) !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 230 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  align-items: center !important;
  width: 78px !important;
  margin: 0 !important;
  padding: 14px 0 !important;
  color: #555258 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transform: translateY(-50%) !important;
}
#works .works-loop-controls::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 1px !important;
  height: 106px !important;
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(26, 28, 34, .46) 18% 82%,
      transparent) !important;
  transform: translate(-50%, -50%) !important;
}
#works .works-loop-controls button,
#works .works-loop-controls span {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  place-items: center !important;
  width: 78px !important;
  min-height: 32px !important;
  padding: 6px 4px !important;
  color: #555258 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--v35-paper) !important;
  box-shadow: none !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: .12em !important;
  text-align: center;
}
#works .works-loop-controls span {
  color: #292b31 !important;
  font-size: 10px !important;
  font-variant-numeric: tabular-nums;
}
#works .works-loop-controls button {
  cursor: pointer;
  transition:
    color 360ms ease,
    transform 620ms var(--v35-ease),
    opacity 360ms ease !important;
}
#works .works-loop-controls button:not(:disabled):hover,
#works .works-loop-controls button:not(:disabled):focus-visible {
  color: var(--v35-ink) !important;
  transform: translateY(-2px) !important;
}
#works .works-loop-controls button:disabled {
  opacity: .3 !important;
  cursor: default;
}
#works .works-touch-aura {
  position: absolute;
  top: var(--gesture-y, 50%);
  left: var(--gesture-x, 65%);
  z-index: 1200;
  width: clamp(170px, 20vw, 330px);
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: 0;
  background:
    radial-gradient(
      circle,
      rgba(255, 251, 239, .68) 0 8%,
      rgba(225, 188, 127, .27) 28%,
      rgba(255, 255, 255, .1) 52%,
      transparent 73%);
  filter: blur(8px);
  mix-blend-mode: screen;
  transform: translate3d(-50%, -50%, 0) scale(.56);
  transition:
    top 90ms linear,
    left 90ms linear,
    opacity 520ms ease,
    transform 820ms var(--v35-ease);
  pointer-events: none;
  will-change:
    top,
    left,
    opacity,
    transform;
}
#works .works-exhibit__sticky.is-gesture-active .works-touch-aura {
  opacity: .92;
  transform: translate3d(-50%, -50%, 0) scale(1);
}
#works .gesture-light-pulse {
  position: absolute;
  top: var(--pulse-y);
  left: var(--pulse-x);
  z-index: 1210;
  width: clamp(92px, 13vw, 210px);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(255, 255, 247, .9) 0 7%,
      rgba(231, 198, 142, .42) 22%,
      rgba(255, 251, 240, .14) 48%,
      transparent 73%);
  filter: blur(5px);
  mix-blend-mode: screen;
  transform: translate3d(-50%, -50%, 0) scale(.08);
  animation: v35-gesture-light 980ms var(--v35-ease) both;
  pointer-events: none;
}
@keyframes v35-gesture-light {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(.08);
    filter: blur(3px);
  }
  22% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(1.45);
    filter: blur(16px);
  }
}
#services .section-heading,
#services .package,
#service-intro .service-intro__header,
#service-intro .service-plan,
#service-intro .service-extra,
#service-intro .service-rules,
#service-intro .makeup-showcase {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  -webkit-tap-highlight-color: transparent;
}
#services .section-heading > :not(.ink-ripple),
#services .package > :not(.ink-ripple),
#service-intro .service-intro__header > :not(.ink-ripple),
#service-intro .service-plan > :not(.ink-ripple),
#service-intro .service-extra > :not(.ink-ripple),
#service-intro .service-rules > :not(.ink-ripple),
#service-intro .makeup-showcase > :not(.ink-ripple) {
  position: relative;
  z-index: 2;
}
#services .section-heading {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  border-radius: 12px;
  -webkit-tap-highlight-color: transparent;
}
#services .package,
#services .package--featured,
#services .package:hover,
#services .package:focus-within,
#services .package--featured:hover,
#services .package--featured:focus-within {
  color: var(--v35-ink) !important;
  border-color: rgba(26, 28, 34, .12) !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: 0 18px 46px rgba(26, 28, 34, .075) !important;
  transform: none !important;
  cursor: pointer;
  transition:
    border-color 480ms ease,
    box-shadow 680ms var(--v35-ease),
    background 480ms ease !important;
}
#services .package::before,
#services .package::after {
  display: none !important;
}
#services .package:hover,
#services .package:focus-visible {
  border-color: rgba(26, 28, 34, .19) !important;
  box-shadow: 0 26px 62px rgba(26, 28, 34, .12) !important;
}
#services .package h3,
#services .package .package__tag,
#services .package .package__note,
#services .package ul,
#services .package li,
#services .package:hover h3,
#services .package:hover .package__tag,
#services .package:hover .package__note,
#services .package:hover ul,
#services .package:hover li,
#services .package--featured h3,
#services .package--featured .package__tag,
#services .package--featured .package__note,
#services .package--featured ul,
#services .package--featured li {
  color: inherit !important;
  text-shadow: none !important;
  transform: none !important;
}
#service-intro {
  background:
    radial-gradient(
      circle at 18% 22%,
      rgba(154, 111, 80, .12),
      transparent 30%),
    radial-gradient(
      circle at 82% 68%,
      rgba(26, 28, 34, .08),
      transparent 34%),
    linear-gradient(
      135deg,
      #e8e1d9 0%,
      #dcd4cb 100%) !important;
}
#service-intro .service-intro__header,
#service-intro .service-plan,
#service-intro .service-extra,
#service-intro .service-rules,
#service-intro .makeup-showcase {
  border-color: rgba(80, 57, 44, .15) !important;
  background: rgba(238, 232, 225, .72) !important;
  box-shadow: 0 18px 48px rgba(54, 39, 31, .09) !important;
  cursor: pointer;
}
#service-intro .service-plan:hover,
#service-intro .service-extra:hover,
#service-intro .service-rules:hover,
#service-intro .makeup-showcase:hover {
  background: rgba(232, 224, 216, .82) !important;
  box-shadow: 0 26px 62px rgba(54, 39, 31, .14) !important;
  transform: translate3d(0, -2px, 0) !important;
}
#service-intro .service-plan__price,
#service-intro .service-plan__price p,
#service-intro .service-plan__price p::before,
#service-intro .service-plan__price p::after {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.ink-ripple {
  position: absolute;
  top: var(--ink-y, 50%);
  left: var(--ink-x, 50%);
  z-index: 1;
  display: block;
  width: var(--ink-size, 620px);
  aspect-ratio: 1;
  border-radius: 43% 57% 52% 48% / 49% 42% 58% 51%;
  opacity: 0;
  filter: blur(18px);
  transform: translate3d(-50%, -50%, 0) scale(.035) rotate(-9deg);
  transform-origin: center;
  pointer-events: none;
  will-change:
    transform,
    opacity,
    filter;
}
.ink-ripple::before,
.ink-ripple::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
}
.ink-ripple::before {
  inset: 9% 5% 4% 11%;
  opacity: .72;
  filter: blur(12px);
  background: inherit;
  transform: rotate(23deg) scale(.83);
}
.ink-ripple::after {
  inset: 19% 13% 10% 4%;
  opacity: .54;
  filter: blur(20px);
  background: inherit;
  transform: rotate(-31deg) scale(.74);
}
.ink-ripple--black {
  background:
    radial-gradient(
      circle at 46% 48%,
      rgba(26, 28, 34, .94) 0 20%,
      rgba(26, 28, 34, .78) 35%,
      rgba(26, 28, 34, .42) 53%,
      rgba(26, 28, 34, .12) 66%,
      transparent 76%),
    radial-gradient(
      circle at 67% 36%,
      rgba(8, 9, 12, .58),
      transparent 48%),
    radial-gradient(
      circle at 30% 67%,
      rgba(55, 57, 62, .42),
      transparent 43%);
  animation: v35-black-ink 1320ms var(--v35-ease) both;
}
.ink-ripple--brown {
  background:
    radial-gradient(
      circle at 48% 49%,
      rgba(112, 71, 53, .9) 0 20%,
      rgba(126, 78, 56, .7) 36%,
      rgba(144, 91, 64, .36) 54%,
      rgba(112, 71, 53, .1) 67%,
      transparent 77%),
    radial-gradient(
      circle at 68% 34%,
      rgba(77, 45, 34, .48),
      transparent 47%),
    radial-gradient(
      circle at 28% 69%,
      rgba(174, 118, 79, .42),
      transparent 44%);
  animation: v35-brown-ink 1380ms var(--v35-ease) both;
}
@keyframes v35-black-ink {
  0% {
    opacity: 0;
    filter: blur(24px);
    transform: translate3d(-50%, -50%, 0) scale(.035) rotate(-9deg);
  }
  19% {
    opacity: .9;
  }
  64% {
    opacity: .78;
    filter: blur(8px);
  }
  100% {
    opacity: 0;
    filter: blur(28px);
    transform: translate3d(-50%, -50%, 0) scale(1.08) rotate(7deg);
  }
}
@keyframes v35-brown-ink {
  0% {
    opacity: 0;
    filter: blur(26px);
    transform: translate3d(-50%, -50%, 0) scale(.035) rotate(10deg);
  }
  20% {
    opacity: .88;
  }
  65% {
    opacity: .72;
    filter: blur(9px);
  }
  100% {
    opacity: 0;
    filter: blur(30px);
    transform: translate3d(-50%, -50%, 0) scale(1.08) rotate(-8deg);
  }
}
@media (max-width: 900px) {
  #works .works-exhibit__scroll {
    height: calc(100svh + (var(--works-count) - 1) * 82svh) !important;
  }
  #works .works-exhibit__sticky {
    min-height: 560px !important;
  }
  #works .works-exhibit__hud {
    top: max(78px, 10.5svh) !important;
    left: clamp(54px, 15vw, 76px) !important;
    width: calc(100% - clamp(78px, 22vw, 104px)) !important;
    max-width: none !important;
    height: auto !important;
    max-height: 27svh !important;
    transform: none !important;
  }
  #works .works-exhibit__hud > span {
    margin-bottom: 8px !important;
    font-size: 7px !important;
    letter-spacing: .22em !important;
  }
  #works .works-exhibit__hud > b {
    margin-bottom: 8px !important;
    font-size: 10px !important;
  }
  #works .works-exhibit__hud > strong {
    margin-bottom: 22px !important;
    font-size: clamp(31px, 9.5vw, 44px) !important;
    line-height: 1 !important;
  }
  #works .works-exhibit__hud > strong::after {
    bottom: -11px;
    width: 28px;
    height: 1px;
  }
  #works .works-exhibit__hud > p {
    display: -webkit-box !important;
    max-width: 31em !important;
    overflow: hidden !important;
    font-size: clamp(11px, 3vw, 13px) !important;
    line-height: 1.7 !important;
    letter-spacing: .01em !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  #works .works-depth-indicator {
    display: none !important;
  }
  #works .works-exhibit__hud > em {
    display: none !important;
  }
  #works .works-step-rail {
    top: max(94px, 12svh);
    left: 15px;
    gap: 9px;
    transform: none;
  }
  #works .works-step-rail button {
    width: 6px;
    height: 6px;
    box-shadow: 0 0 0 4px var(--v35-paper);
  }
  #works .work-card,
  #works .work-card:nth-child(n),
  html.spatial-v3 #works .work-card:nth-child(n)[data-spatial-stage] {
    top: 62% !important;
    left: 50% !important;
    width: var(--work-responsive-width, min(86vw, 420px)) !important;
    max-width: 92vw !important;
    padding: 8px 8px 11px !important;
    border-radius: 10px !important;
    box-shadow:
      0 66px 128px rgba(26, 28, 34, .34),
      0 31px 62px rgba(26, 28, 34, .27),
      0 13px 29px rgba(26, 28, 34, .2),
      0 5px 12px rgba(26, 28, 34, .12) !important;
  }
  #works .work-card::before {
    inset: 16px -12px -18px 13px !important;
  }
  #works .work-card figcaption {
    padding-top: 8px !important;
  }
  #works .work-card figcaption h3 {
    font-size: 16px !important;
  }
  #works .work-card figcaption p:not(.work-card__editor-note) {
    font-size: 7px !important;
  }
  #works .works-loop-controls {
    top: auto !important;
    right: 50% !important;
    bottom: max(13px, env(safe-area-inset-bottom)) !important;
    display: grid !important;
    grid-template-columns: 40px minmax(54px, auto) 40px !important;
    gap: 4px !important;
    width: auto !important;
    padding: 5px !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: 999px !important;
    background: rgba(242, 239, 234, .76) !important;
    box-shadow: 0 14px 36px rgba(26, 28, 34, .16) !important;
    -webkit-backdrop-filter: blur(14px) saturate(110%) !important;
    backdrop-filter: blur(14px) saturate(110%) !important;
    transform: translateX(50%) !important;
  }
  #works .works-loop-controls::before {
    display: none !important;
  }
  #works .works-loop-controls button,
  #works .works-loop-controls span {
    width: auto !important;
    min-width: 0 !important;
    min-height: 38px !important;
    background: transparent !important;
  }
  #works .works-loop-controls button {
    overflow: hidden;
    font-size: 0 !important;
  }
  #works #works-loop-prev::after {
    content: "\2190";
    font-size: 15px;
  }
  #works #works-loop-next::after {
    content: "\2192";
    font-size: 15px;
  }
  #works .works-loop-controls span {
    font-size: 8px !important;
  }
  #works .works-touch-aura {
    width: min(62vw, 250px);
  }
  .ink-ripple {
    max-width: none;
  }
}
@media (max-width: 900px) and (max-height: 680px) {
  #works .works-exhibit__hud {
    top: 68px !important;
    max-height: 24svh !important;
  }
  #works .works-exhibit__hud > p {
    -webkit-line-clamp: 2;
  }
  #works .work-card,
  #works .work-card:nth-child(n) {
    top: 59% !important;
  }
  #works .work-card figcaption {
    padding-top: 6px !important;
  }
}
@media (max-width: 950px) and (max-height: 560px) and (orientation: landscape) {
  #works .works-exhibit__hud {
    top: 50% !important;
    left: 7vw !important;
    width: 34vw !important;
    max-height: 74svh !important;
    transform: translateY(-50%) !important;
  }
  #works .works-exhibit__hud > p {
    -webkit-line-clamp: 3;
  }
  #works .work-card,
  #works .work-card:nth-child(n) {
    top: 50% !important;
    left: 65% !important;
    max-width: 47vw !important;
  }
  #works .works-step-rail {
    top: 50%;
    left: 2.2vw;
    transform: translateY(-50%);
  }
  #works .works-loop-controls {
    right: 2vw !important;
    bottom: 12px !important;
    transform: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .opening-ink::before,
  .opening-ink__wash,
  .opening-ink__mark,
  #works .gesture-light-pulse,
  .ink-ripple {
    animation-duration: .01ms !important;
  }
  #works .work-card,
  #works .works-exhibit__hud > *,
  #works #works-depth-indicator-ball,
  #works .works-depth-indicator__track::after,
  .opening-ink {
    transition-duration: .01ms !important;
  }
}
.spatial-tier-low .opening-geometry__plane {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.spatial-tier-low #works .works-exhibit__hud {
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}
.opening-ink {
  color: var(--v35-ink) !important;
  background:
    radial-gradient(
      circle at 50% 44%,
      rgba(255, 255, 255, .96),
      transparent 29%),
    radial-gradient(
      circle at 18% 78%,
      rgba(137, 92, 66, .12),
      transparent 31%),
    radial-gradient(
      circle at 82% 22%,
      rgba(26, 28, 34, .075),
      transparent 29%),
    linear-gradient(
      135deg,
      #f7f4ed 0%,
      #ece9e3 52%,
      #ddd9d2 100%) !important;
  box-shadow: inset 0 0 12vw rgba(76, 63, 55, .08);
}
.opening-ink::before {
  inset: 0 !important;
  opacity: .72 !important;
  background:
    linear-gradient(
      105deg,
      transparent 44%,
      rgba(111, 75, 54, .09) 49%,
      rgba(255, 255, 255, .66) 50.2%,
      transparent 56%),
    repeating-linear-gradient(
      90deg,
      transparent 0 11vw,
      rgba(26, 28, 34, .018) 11vw calc(11vw + 1px)) !important;
  filter: none !important;
  transform: none !important;
  animation: v36-opening-light-scan 2200ms var(--v35-ease) both !important;
}
.opening-ink::after {
  inset: 0 !important;
  opacity: .2 !important;
  background:
    repeating-linear-gradient(
      7deg,
      transparent 0 26px,
      rgba(74, 62, 55, .035) 26px 27px),
    radial-gradient(
      circle at 50% 50%,
      transparent 0 40%,
      rgba(66, 54, 47, .13) 100%) !important;
  mix-blend-mode: multiply !important;
}
.opening-ink__wash {
  width: clamp(128px, 18vmax, 280px) !important;
  aspect-ratio: 1.46 !important;
  border-radius: 2px !important;
  filter: none !important;
  box-shadow: 0 32px 78px rgba(48, 40, 36, .14) !important;
  will-change: transform, opacity !important;
}
.opening-ink__wash--brown {
  left: 11% !important;
  bottom: 15% !important;
  opacity: .58 !important;
  clip-path: polygon(8% 19%, 92% 0, 100% 76%, 20% 100%);
  background:
    linear-gradient(
      148deg,
      rgba(255, 255, 255, .44),
      transparent 38%),
    linear-gradient(
      135deg,
      #a57a61,
      #704735 70%,
      #4e3429) !important;
  animation: v36-plane-brown 1950ms var(--v35-ease) 80ms both !important;
}
.opening-ink__wash--charcoal {
  top: 12% !important;
  right: 10% !important;
  opacity: .42 !important;
  clip-path: polygon(0 8%, 88% 0, 100% 91%, 15% 100%);
  background:
    linear-gradient(
      150deg,
      rgba(255, 255, 255, .2),
      transparent 42%),
    linear-gradient(
      135deg,
      #55545a,
      #1a1c22 72%) !important;
  animation: v36-plane-charcoal 2050ms var(--v35-ease) 130ms both !important;
}
.opening-geometry {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  perspective: 1200px;
  transform-style: preserve-3d;
  pointer-events: none;
}
.opening-geometry__plane,
.opening-geometry__ring,
.opening-geometry__core {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  will-change:
    transform,
    opacity,
    filter;
}
.opening-geometry__plane {
  border: 1px solid rgba(255, 255, 255, .82);
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .72),
      rgba(214, 210, 203, .18));
  box-shadow: 0 28px 70px rgba(48, 40, 36, .12), inset 0 1px rgba(255, 255, 255, .9);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}
.opening-geometry__plane--one {
  width: clamp(150px, 24vw, 420px);
  height: clamp(78px, 12vw, 205px);
  clip-path: polygon(9% 0, 100% 18%, 87% 100%, 0 78%);
  animation: v36-geometry-one 2100ms var(--v35-ease) both;
}
.opening-geometry__plane--two {
  width: clamp(110px, 17vw, 290px);
  aspect-ratio: 1;
  clip-path: polygon(22% 0, 100% 26%, 77% 100%, 0 69%);
  border-color: rgba(112, 71, 53, .28);
  background:
    linear-gradient(
      145deg,
      rgba(171, 127, 96, .22),
      rgba(255, 255, 255, .38));
  animation: v36-geometry-two 2200ms var(--v35-ease) 80ms both;
}
.opening-geometry__plane--three {
  width: clamp(92px, 12vw, 205px);
  height: clamp(42px, 5.5vw, 96px);
  border-color: rgba(26, 28, 34, .22);
  background:
    linear-gradient(
      145deg,
      rgba(26, 28, 34, .15),
      rgba(255, 255, 255, .3));
  animation: v36-geometry-three 2050ms var(--v35-ease) 150ms both;
}
.opening-geometry__ring {
  width: min(58vw, 850px);
  height: min(20vw, 290px);
  border: 1px solid rgba(112, 71, 53, .3);
  border-radius: 50%;
  box-shadow: 0 0 28px rgba(255, 255, 255, .66);
  opacity: 0;
  animation: v36-geometry-ring 2300ms var(--v35-ease) 160ms both;
}
.opening-geometry__core {
  width: clamp(42px, 5.5vmax, 82px);
  aspect-ratio: 1;
  border: 1px solid rgba(112, 71, 53, .34);
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .92),
      rgba(176, 151, 133, .5)),
    #eee9e2;
  box-shadow:
    0 22px 48px rgba(62, 48, 40, .17),
    inset -9px -12px 22px rgba(112, 71, 53, .12),
    inset 7px 8px 16px rgba(255, 255, 255, .8);
  transform-style: preserve-3d;
  animation: v36-geometry-core 1900ms var(--v35-ease) 210ms both;
}
.opening-ink__mark {
  z-index: 5 !important;
  color: #29292d !important;
  text-shadow: 0 14px 34px rgba(255, 255, 255, .76) !important;
  animation: v36-opening-mark 1200ms var(--v35-ease) 560ms both !important;
}
.opening-ink__mark::after {
  content: "";
  width: min(190px, 48vw);
  height: 1px;
  margin-top: 7px;
  background:
    linear-gradient(
      90deg,
      #704735,
      rgba(112, 71, 53, .12));
  transform-origin: left;
  animation: v36-opening-progress 1600ms var(--v35-ease) 510ms both;
}
.opening-ink__mark strong {
  color: #25262b !important;
}
.opening-ink__mark span {
  color: #686368;
}
@keyframes v36-opening-light-scan {
  from {
    opacity: .12;
    transform: translate3d(-8%, 0, 0);
  }
  to {
    opacity: .72;
    transform: translate3d(7%, 0, 0);
  }
}
@keyframes v36-plane-brown {
  0% {
    opacity: 0;
    transform: translate3d(-35vw, 25vh, -180px) rotate(-24deg) scale(.62);
  }
  58% {
    opacity: .58;
  }
  100% {
    opacity: .5;
    transform: translate3d(18vw, -17vh, 40px) rotate(7deg) scale(1);
  }
}
@keyframes v36-plane-charcoal {
  0% {
    opacity: 0;
    transform: translate3d(34vw, -24vh, -160px) rotate(28deg) scale(.58);
  }
  55% {
    opacity: .46;
  }
  100% {
    opacity: .36;
    transform: translate3d(-18vw, 18vh, 20px) rotate(-8deg) scale(.96);
  }
}
@keyframes v36-geometry-one {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: translate3d(-74%, -94%, -240px) rotateX(62deg) rotateZ(-18deg) scale(.42);
  }
  62% {
    opacity: .88;
    filter: blur(0);
  }
  100% {
    opacity: .72;
    filter: blur(0);
    transform: translate3d(-50%, -50%, 90px) rotateX(48deg) rotateZ(-7deg) scale(1);
  }
}
@keyframes v36-geometry-two {
  0% {
    opacity: 0;
    filter: blur(11px);
    transform: translate3d(44%, -112%, -210px) rotateY(54deg) rotateZ(25deg) scale(.35);
  }
  60% {
    opacity: .78;
    filter: blur(0);
  }
  100% {
    opacity: .62;
    filter: blur(0);
    transform: translate3d(-18%, -47%, 125px) rotateY(38deg) rotateZ(8deg) scale(.92);
  }
}
@keyframes v36-geometry-three {
  0% {
    opacity: 0;
    filter: blur(9px);
    transform: translate3d(-160%, 78%, -150px) rotateX(48deg) rotateZ(-32deg) scale(.28);
  }
  100% {
    opacity: .52;
    filter: blur(0);
    transform: translate3d(-116%, 34%, 155px) rotateX(54deg) rotateZ(-11deg) scale(1);
  }
}
@keyframes v36-geometry-ring {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, -220px) rotateX(74deg) rotateZ(-28deg) scale(.15);
  }
  52% {
    opacity: .64;
  }
  100% {
    opacity: .42;
    transform: translate3d(-50%, -50%, 65px) rotateX(68deg) rotateZ(14deg) scale(1);
  }
}
@keyframes v36-geometry-core {
  0% {
    opacity: 0;
    filter: blur(12px);
    transform: translate3d(-50%, -50%, -280px) rotateX(52deg) rotateY(-48deg) scale(.18);
  }
  70% {
    opacity: .96;
    filter: blur(0);
  }
  100% {
    opacity: .86;
    filter: blur(0);
    transform: translate3d(-50%, -50%, 210px) rotateX(21deg) rotateY(32deg) scale(1);
  }
}
@keyframes v36-opening-mark {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(0, 14px, 240px) scale(.97);
  }
  100% {
    opacity: .94;
    filter: blur(0);
    transform: translate3d(0, 0, 240px) scale(1);
  }
}
@keyframes v36-opening-progress {
  from {
    opacity: 0;
    transform: scaleX(0);
  }
  to {
    opacity: .8;
    transform: scaleX(1);
  }
}
:root {
  --v37-slide-ease: cubic-bezier(.22, 1, .36, 1);
}
#works .works-exhibit__scroll {
  height: 180vh !important;
  height: 180svh !important;
}
#works .works-exhibit__sticky {
  background:
    radial-gradient(
      circle at 68% 38%,
      rgba(255, 255, 255, .94),
      transparent 43%),
    radial-gradient(
      ellipse 16% 48% at 1% 50%,
      rgba(26, 28, 34, .095),
      transparent 78%),
    radial-gradient(
      ellipse 14% 42% at 99% 48%,
      rgba(112, 71, 53, .075),
      transparent 80%),
    linear-gradient(
      125deg,
      #f6f4f0 0%,
      #efede8 58%,
      #e5e1dc 100%) !important;
}
#works .works-exhibit__hud {
  box-sizing: border-box !important;
  width: min(31vw, 490px) !important;
  padding: clamp(24px, 2.2vw, 36px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .68) !important;
  border-radius: clamp(12px, 1.1vw, 18px) !important;
  background: rgba(247, 245, 241, .42) !important;
  box-shadow: 0 25px 64px rgba(47, 43, 40, .095), inset 0 1px rgba(255, 255, 255, .64) !important;
  -webkit-backdrop-filter: blur(18px) saturate(108%) !important;
  backdrop-filter: blur(18px) saturate(108%) !important;
  opacity: 1 !important;
  filter: blur(0) !important;
  transform: translate3d(0, -50%, 0) scale(1) !important;
  transition:
    opacity 460ms var(--v37-slide-ease),
    filter 620ms var(--v37-slide-ease),
    transform 780ms var(--v37-slide-ease) !important;
}
#works .works-exhibit__hud::before,
#works .works-exhibit__hud::after {
  content: none !important;
  display: none !important;
}
#works .works-exhibit__sticky.is-copy-hidden .works-exhibit__hud,
#works .works-exhibit__sticky.is-stage-focused .works-exhibit__hud {
  opacity: 0 !important;
  filter: blur(7px) !important;
  transform: translate3d(-34px, -50%, 0) scale(.98) !important;
  pointer-events: none !important;
}
#works .works-loop-controls {
  opacity: 1;
  filter: blur(0);
  transition: opacity 360ms var(--v37-slide-ease), filter 460ms var(--v37-slide-ease) !important;
}
#works .works-exhibit__sticky.is-copy-hidden .works-loop-controls {
  opacity: 0 !important;
  filter: blur(5px) !important;
  pointer-events: none !important;
}
#works .work-card,
#works .work-card:nth-child(n),
html.spatial-v3 #works .work-card:nth-child(n)[data-spatial-stage] {
  top: 51.5% !important;
  left: 64% !important;
  opacity: var(--depth-opacity, 0) !important;
  visibility: hidden !important;
  filter: blur(0) !important;
  transform: translate3d(-50%, -50%, 0) translate3d(var(--depth-x, 0px), var(--depth-y, 0px), 0) scale(var(--depth-scale, .955)) !important;
  transition:
    left 900ms var(--v37-slide-ease),
    top 900ms var(--v37-slide-ease),
    opacity 430ms var(--v37-slide-ease),
    visibility 0s linear 980ms,
    filter 540ms var(--v37-slide-ease),
    transform 900ms var(--v37-slide-ease),
    box-shadow 720ms var(--v37-slide-ease) !important;
}
#works .work-card[data-depth-current],
#works .work-card[data-depth-outgoing],
#works .work-card[data-depth-incoming] {
  visibility: visible !important;
  transition-delay: 0s !important;
}
#works .works-exhibit__sticky.is-stage-focused:not(.is-switching) .work-card[data-depth-current],
#works .works-exhibit__sticky.is-switching .work-card[data-depth-outgoing] {
  left: 50% !important;
}
#works .works-exhibit__sticky.is-switching .work-card[data-depth-incoming] {
  left: 64% !important;
}
#works .work-card figcaption {
  max-height: 74px;
  overflow: hidden !important;
  opacity: 1 !important;
  filter: blur(0);
  transform: translate3d(0, 0, 0) !important;
  transition:
    max-height 620ms var(--v37-slide-ease),
    padding 620ms var(--v37-slide-ease),
    opacity 340ms var(--v37-slide-ease),
    filter 460ms var(--v37-slide-ease),
    transform 620ms var(--v37-slide-ease) !important;
}
#works .works-exhibit__sticky.is-copy-hidden .work-card[data-depth-current] figcaption,
#works .works-exhibit__sticky.is-switching .work-card[data-depth-outgoing] figcaption,
#works .works-exhibit__sticky.is-switching .work-card[data-depth-incoming] figcaption {
  max-height: 0 !important;
  padding-top: 0 !important;
  opacity: 0 !important;
  filter: blur(5px) !important;
  transform: translate3d(0, 10px, 0) !important;
  pointer-events: none !important;
}
#works .works-exhibit__sticky.is-stage-focused .work-card[data-depth-current]::before {
  opacity: .68 !important;
  filter: blur(3px) !important;
  transform: translate3d(8px, 5px, 0) rotate(.8deg) scale(.973) !important;
}
#works .works-step-rail i {
  position: relative;
  z-index: 1;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #aaa7a3;
  box-shadow: 0 0 0 5px #efede8;
  transition:
    background 380ms ease,
    transform 620ms var(--v35-ease),
    box-shadow 420ms ease;
}
#works .works-step-rail i.is-active {
  background: var(--v35-gold);
  box-shadow: 0 0 0 5px #efede8, 0 4px 12px rgba(112, 71, 53, .22);
  transform: scale(1.38);
}
@media (max-width: 900px) {
  .opening-geometry__ring {
    width: 92vw;
    height: 34vw;
  }
  .opening-geometry__plane--one {
    width: 72vw;
    height: 35vw;
  }
  .opening-geometry__plane--two {
    width: 46vw;
  }
  .opening-ink__wash {
    width: 34vw !important;
  }
  #works .works-exhibit__hud {
    top: max(74px, 9svh) !important;
    left: clamp(47px, 13vw, 64px) !important;
    width: calc(100% - clamp(66px, 18vw, 86px)) !important;
    max-width: none !important;
    max-height: 29svh !important;
    padding: 15px 17px !important;
    border-radius: 13px !important;
    transform: none !important;
  }
  #works .works-exhibit__sticky.is-copy-hidden .works-exhibit__hud,
  #works .works-exhibit__sticky.is-stage-focused .works-exhibit__hud {
    transform: translate3d(-24px, -12px, 0) scale(.98) !important;
  }
  #works .work-card,
  #works .work-card:nth-child(n),
  html.spatial-v3 #works .work-card:nth-child(n)[data-spatial-stage] {
    top: 63% !important;
    left: 60% !important;
  }
  #works .works-exhibit__sticky.is-stage-focused:not(.is-switching) .work-card[data-depth-current],
  #works .works-exhibit__sticky.is-switching .work-card[data-depth-outgoing] {
    top: 50% !important;
    left: 50% !important;
  }
  #works .works-exhibit__sticky.is-switching .work-card[data-depth-incoming] {
    top: 63% !important;
    left: 60% !important;
  }
  #works .works-step-rail {
    top: max(92px, 11svh);
  }
}
@media (max-width: 900px) and (max-height: 680px) {
  #works .works-exhibit__hud {
    top: 62px !important;
    max-height: 27svh !important;
  }
  #works .work-card,
  #works .work-card:nth-child(n) {
    top: 61% !important;
  }
  #works .works-exhibit__sticky.is-stage-focused:not(.is-switching) .work-card[data-depth-current],
  #works .works-exhibit__sticky.is-switching .work-card[data-depth-outgoing] {
    top: 50% !important;
  }
  #works .works-exhibit__sticky.is-switching .work-card[data-depth-incoming] {
    top: 61% !important;
  }
}
@media (max-width: 950px) and (max-height: 560px) and (orientation: landscape) {
  #works .works-exhibit__hud {
    top: 50% !important;
    left: 5.5vw !important;
    width: 35vw !important;
    max-height: 76svh !important;
    transform: translateY(-50%) !important;
  }
  #works .work-card,
  #works .work-card:nth-child(n) {
    top: 50% !important;
    left: 67% !important;
  }
  #works .works-exhibit__sticky.is-stage-focused:not(.is-switching) .work-card[data-depth-current],
  #works .works-exhibit__sticky.is-switching .work-card[data-depth-outgoing] {
    left: 50% !important;
  }
  #works .works-exhibit__sticky.is-switching .work-card[data-depth-incoming] {
    left: 67% !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .opening-geometry > *,
  .opening-ink__wash,
  .opening-ink__mark::after {
    animation-duration: .01ms !important;
  }
}

/* source-site/assets/v38-editorial-motion-polish.css */
:root {
  --v38-soft-ease: cubic-bezier(.2, .76, .2, 1);
  --v38-float-ease: cubic-bezier(.16, 1, .3, 1);
  --v38-open-accelerate: cubic-bezier(.55, .05, .85, .38);
  --v38-brown: #514037;
  --v38-brown-deep: #3b302b;
  --v38-brown-soft: #765b4c;
  --v37-slide-ease: var(--v38-soft-ease);
}
#contact .contact__lead {
  width: 100% !important;
  max-width: none !important;
}
#contact .contact-title {
  display: grid !important;
  justify-items: start;
  gap: .025em;
  width: min(100%, 13.2em);
  max-width: none !important;
  margin: 0 !important;
  font-size: clamp(50px, 6.2vw, 112px) !important;
  line-height: .98 !important;
  letter-spacing: -.062em !important;
  text-wrap: nowrap;
}
#contact .contact-title__line {
  display: block;
  min-width: 0;
  white-space: nowrap;
}
#contact .contact-title__line--accent {
  padding-left: clamp(12px, 2.8vw, 54px);
}
#contact .contact-title__accent {
  display: inline-block;
  color: #3d3733;
  font-family:
    "Kaiti SC",
    "STKaiti",
    "KaiTi",
    "Songti SC",
    Georgia,
    serif;
  font-size: .94em;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -.018em;
  transform: translate3d(0, .015em, 0);
  transition: color 520ms var(--v38-soft-ease), transform 720ms var(--v38-float-ease) !important;
}
#contact .contact__lead:hover .contact-title__accent {
  color: #674e40;
  transform: translate3d(7px, -.015em, 0);
}
.booking-step {
  transition:
    border-color 620ms var(--v38-soft-ease),
    box-shadow 720ms var(--v38-soft-ease),
    transform 760ms var(--v38-soft-ease) !important;
}
.booking-step::before {
  border-color: rgba(84, 59, 45, .34) !important;
  background:
    radial-gradient(
      circle at 22% 18%,
      rgba(214, 177, 139, .16),
      transparent 31%),
    linear-gradient(
      138deg,
      #604b40 0%,
      var(--v38-brown) 52%,
      var(--v38-brown-deep) 100%) !important;
  box-shadow:
    inset 0 1px rgba(255, 241, 224, .16),
    inset 0 -18px 40px rgba(29, 20, 16, .14),
    0 34px 78px rgba(52, 38, 31, .24) !important;
  transition: transform 820ms var(--v38-soft-ease) !important;
}
@media (hover: hover) and (pointer: fine) {
  .booking-step:hover {
    border-color: rgba(82, 58, 45, .46) !important;
    box-shadow: 0 31px 78px rgba(68, 47, 37, .22), 0 10px 26px rgba(68, 47, 37, .13) !important;
  }
  .booking-step:hover > *,
  .booking-step:hover h3 {
    color: #f6efe8 !important;
    text-shadow: 0 8px 24px rgba(24, 17, 14, .16) !important;
  }
  .booking-step:hover p {
    color: #d8ccc4 !important;
  }
  .booking-step:hover b {
    color: #d9aa81 !important;
  }
}
.booking-step.is-v14-flipped {
  border-color: rgba(82, 58, 45, .46) !important;
  box-shadow: 0 26px 64px rgba(68, 47, 37, .2) !important;
}
.booking-step.is-v14-flipped > *,
.booking-step.is-v14-flipped h3 {
  color: #f6efe8 !important;
}
.booking-step.is-v14-flipped p {
  color: #d8ccc4 !important;
}
.booking-step.is-v14-flipped b {
  color: #d9aa81 !important;
}
#works .works-exhibit__sticky {
  cursor: ns-resize;
}
#works .work-card[data-depth-current] .media {
  cursor: zoom-in;
  transform: translate3d(0, 0, 0) scale(1) !important;
  transition: transform 820ms var(--v38-soft-ease), box-shadow 760ms var(--v38-soft-ease) !important;
  will-change: transform;
}
#works .work-card[data-depth-current] .media > img,
#works .work-card[data-depth-current] img[data-photo] {
  transform: translate3d(0, 0, 0) scale(1) !important;
  transition: transform 920ms var(--v38-soft-ease) !important;
  will-change: transform;
}
@media (hover: hover) and (pointer: fine) {
  #works .work-card[data-depth-current]:hover .media {
    transform: translate3d(0, -2px, 0) scale(1.0035) !important;
    box-shadow: 0 34px 78px rgba(26, 28, 34, .27), 0 13px 29px rgba(26, 28, 34, .18) !important;
  }
  #works .work-card[data-depth-current]:hover .media > img,
  #works .work-card[data-depth-current]:hover img[data-photo] {
    transform: translate3d(0, 0, 0) scale(1) !important;
  }
}
#works .works-touch-aura {
  top: 0 !important;
  left: 0 !important;
  opacity: 0;
  filter: blur(7px) !important;
  transform: translate3d(var(--gesture-x, 65vw), var(--gesture-y, 50vh), 0) translate3d(-50%, -50%, 0) scale(.62) !important;
  transition: opacity 460ms var(--v38-soft-ease), transform 210ms var(--v38-soft-ease) !important;
  contain: layout style paint;
  will-change: transform, opacity;
}
#works .works-touch-aura::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(117, 86, 66, .42);
  border-radius: 50%;
  background: rgba(255, 252, 244, .14);
  box-shadow: 0 0 0 6px rgba(255, 250, 237, .06), 0 7px 20px rgba(62, 43, 33, .12);
  transform: translate3d(-50%, -50%, 0);
}
#works .works-exhibit__sticky.is-gesture-active .works-touch-aura {
  opacity: .88;
  transform: translate3d(var(--gesture-x, 65vw), var(--gesture-y, 50vh), 0) translate3d(-50%, -50%, 0) scale(1) !important;
}
#works .gesture-light-pulse {
  top: 0 !important;
  left: 0 !important;
  animation: v38-gesture-light 1080ms var(--v38-soft-ease) both !important;
  contain: layout style paint;
  will-change: transform, opacity;
}
@keyframes v38-gesture-light {
  0% {
    opacity: 0;
    filter: blur(3px);
    transform: translate3d(var(--pulse-x), var(--pulse-y), 0) translate3d(-50%, -50%, 0) scale(.08);
  }
  24% {
    opacity: .92;
  }
  100% {
    opacity: 0;
    filter: blur(17px);
    transform: translate3d(var(--pulse-x), var(--pulse-y), 0) translate3d(-50%, -50%, 0) scale(1.36);
  }
}
.about-envelope-experience {
  perspective: 2400px !important;
  transition:
    opacity 780ms var(--v38-soft-ease),
    visibility 0s linear 820ms,
    background-color 820ms var(--v38-soft-ease) !important;
}
.about-envelope-experience.is-active {
  background: rgba(24, 18, 15, .82) !important;
  -webkit-backdrop-filter: blur(8px) saturate(84%) !important;
  backdrop-filter: blur(8px) saturate(84%) !important;
}
.about-envelope-experience .len-envelope {
  transition:
    opacity 480ms var(--v38-soft-ease),
    transform 1060ms var(--v38-soft-ease),
    scale 1060ms var(--v38-soft-ease),
    translate 1060ms var(--v38-soft-ease),
    rotate 1060ms var(--v38-soft-ease) !important;
}
.about-envelope-experience.is-opening .len-envelope {
  animation: v38-envelope-open-settle 720ms var(--v38-soft-ease) both !important;
}
.about-envelope-experience.is-opening .len-envelope__seal {
  animation: v38-wax-release 430ms var(--v38-soft-ease) both !important;
  transition: none !important;
}
.about-envelope-experience.is-opening .len-envelope__flap {
  animation: v38-flap-open 900ms var(--v38-open-accelerate) .14s both !important;
}
.about-envelope-experience.is-opening .len-envelope__letter {
  animation: v38-letter-rise 1080ms var(--v38-open-accelerate) .52s both !important;
}
.about-envelope-experience.is-opening .len-envelope__letter strong,
.about-envelope-experience.is-opening .len-envelope__letter > span,
.about-envelope-experience.is-opening .len-envelope__letter small {
  animation: v38-letter-element-float 760ms var(--v38-float-ease) both;
}
.about-envelope-experience.is-opening .len-envelope__letter strong {
  animation-delay: .72s;
}
.about-envelope-experience.is-opening .len-envelope__letter > span {
  animation-delay: .79s;
}
.about-envelope-experience.is-opening .len-envelope__letter small {
  animation-delay: .86s;
}
.about-envelope-experience.is-closing-to-about .len-envelope {
  animation: v38-envelope-to-depth 900ms var(--v38-open-accelerate) both !important;
}
.about-envelope-experience.is-closing-to-about .len-envelope__letter {
  animation: v38-letter-to-depth 900ms var(--v38-open-accelerate) both !important;
}
.about-envelope-experience.is-opening .about-envelope-open,
.about-envelope-experience.is-closing-to-about .about-envelope-open {
  opacity: 0 !important;
  transform: translate3d(-50%, 12px, 0) scale(.96) !important;
  pointer-events: none !important;
}
#about.about {
  min-height: 100vh !important;
  min-height: 100svh !important;
  perspective: 1900px;
  transform-style: preserve-3d;
}
#about.is-about-letter-unfolding .about-letter-folds {
  animation: v38-sheet-from-depth 1220ms var(--v38-float-ease) both !important;
}
#about.is-about-letter-unfolding .about-letter-fold--top {
  animation: v38-fold-top 940ms var(--v38-soft-ease) .07s both !important;
}
#about.is-about-letter-unfolding .about-letter-fold--middle {
  animation: v38-fold-middle 900ms var(--v38-soft-ease) .12s both !important;
}
#about.is-about-letter-unfolding .about-letter-fold--bottom {
  animation: v38-fold-bottom 980ms var(--v38-soft-ease) .17s both !important;
}
#about.is-about-letter-unfolding .about__portrait {
  animation: v38-about-photo-depth 1320ms var(--v38-float-ease) .18s both !important;
  will-change:
    transform,
    opacity,
    filter;
}
#about.is-about-letter-unfolding .about__copy > * {
  animation: v38-about-copy-depth 880ms var(--v38-float-ease) both !important;
  will-change:
    transform,
    opacity,
    filter;
}
#about.is-about-letter-unfolding .about__copy > .eyebrow {
  animation-delay: .34s !important;
}
#about.is-about-letter-unfolding .about__copy > h2 {
  animation-delay: .40s !important;
}
#about.is-about-letter-unfolding .about__copy > .about__role {
  animation-delay: .46s !important;
}
#about.is-about-letter-unfolding .about__copy > .about__bio:nth-of-type(3) {
  animation-delay: .52s !important;
}
#about.is-about-letter-unfolding .about__copy > .about__bio:nth-of-type(4) {
  animation-delay: .58s !important;
}
#about.is-about-letter-unfolding .about__copy > .about__facts {
  animation-delay: .64s !important;
}
@keyframes v38-envelope-open-settle {
  0% {
    translate: 0 0;
    rotate: 0deg;
    scale: 1;
  }
  42% {
    translate: 0 2px;
    rotate: -.18deg;
    scale: .997;
  }
  100% {
    translate: 0 -1px;
    rotate: 0deg;
    scale: 1;
  }
}
@keyframes v38-wax-release {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  34% {
    opacity: 1;
    transform: translate(-50%, -53%) scale(1.055);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -76%) scale(.68) rotate(-6deg);
  }
}
@keyframes v38-flap-open {
  0% {
    z-index: 5;
    transform: rotateX(0deg) translateZ(0);
  }
  36% {
    z-index: 5;
    transform: rotateX(18deg) translateZ(4px);
  }
  100% {
    z-index: 0;
    transform: rotateX(174deg) translateZ(-2px) scaleY(.986);
  }
}
@keyframes v38-letter-rise {
  0% {
    z-index: 2;
    opacity: 1;
    transform: translate3d(0, 12%, 4px) rotateZ(.05deg) scale(.985);
  }
  44% {
    z-index: 6;
    opacity: 1;
    transform: translate3d(0, -4%, 30px) rotateZ(-.08deg) scale(.994);
  }
  100% {
    z-index: 9;
    opacity: 1;
    transform: translate3d(0, -78%, 110px) rotateX(-.5deg) scale(1.025);
  }
}
@keyframes v38-letter-element-float {
  from {
    opacity: 0;
    filter: blur(3px);
    transform: translate3d(0, 13px, -20px);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes v38-envelope-to-depth {
  0% {
    opacity: 1;
    translate: 0 0 0;
    rotate: 0deg;
    scale: 1;
  }
  42% {
    opacity: .96;
    translate: 0 -2% -90px;
    rotate: -.2deg;
    scale: .95;
  }
  100% {
    opacity: 0;
    translate: 0 -8% -620px;
    rotate: -1deg;
    scale: .66;
  }
}
@keyframes v38-letter-to-depth {
  0% {
    opacity: 1;
    transform: translate3d(0, -78%, 110px) rotateX(-.5deg) scale(1.025);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -69%, -420px) rotateX(3deg) scale(.72);
  }
}
@keyframes v38-sheet-from-depth {
  0% {
    opacity: .3;
    filter: blur(8px);
    transform: translate3d(0, 8px, -420px) scale(.72, .13) rotateX(-8deg);
  }
  58% {
    opacity: 1;
    filter: blur(.7px);
    transform: translate3d(0, 0, 64px) scale(1.018, .86) rotateX(1deg);
  }
  100% {
    opacity: 0;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1) rotateX(0);
  }
}
@keyframes v38-fold-top {
  from {
    transform: rotateX(86deg) translateZ(16px);
  }
  to {
    transform: rotateX(0) translateZ(0);
  }
}
@keyframes v38-fold-middle {
  from {
    transform: rotateX(-12deg) translateZ(32px) scaleY(.91);
  }
  to {
    transform: rotateX(0) translateZ(0) scaleY(1);
  }
}
@keyframes v38-fold-bottom {
  from {
    transform: rotateX(-86deg) translateZ(16px);
  }
  to {
    transform: rotateX(0) translateZ(0);
  }
}
@keyframes v38-about-photo-depth {
  0% {
    opacity: 0;
    filter: blur(12px) saturate(.76);
    transform: translate3d(-34px, 30px, -520px) scale(.78);
  }
  58% {
    opacity: .96;
    filter: blur(1px) saturate(.94);
    transform: translate3d(5px, -3px, 48px) scale(1.018);
  }
  100% {
    opacity: 1;
    filter: none;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes v38-about-copy-depth {
  0% {
    opacity: 0;
    filter: blur(7px);
    transform: translate3d(26px, 20px, -300px) scale(.93);
  }
  62% {
    opacity: .98;
    filter: blur(.5px);
    transform: translate3d(-2px, -1px, 24px) scale(1.006);
  }
  100% {
    opacity: 1;
    filter: none;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.ink-ripple--brown {
  border-radius: 37% 63% 44% 56% / 55% 39% 61% 45% !important;
  background:
    radial-gradient(
      circle at 45% 48%,
      rgba(31, 32, 35, .78) 0 18%,
      rgba(49, 50, 53, .58) 34%,
      rgba(65, 66, 69, .3) 51%,
      rgba(78, 79, 82, .09) 66%,
      transparent 77%),
    radial-gradient(
      ellipse at 68% 31%,
      rgba(23, 24, 27, .42),
      transparent 46%),
    radial-gradient(
      ellipse at 27% 72%,
      rgba(83, 84, 87, .34),
      transparent 43%) !important;
  filter: blur(22px) saturate(.28) !important;
  mix-blend-mode: multiply;
  animation: v38-plan-water-ink 1480ms var(--v38-soft-ease) both !important;
}
.ink-ripple--brown::before {
  inset: 4% 10% 12% 2% !important;
  opacity: .58 !important;
  filter: blur(16px) !important;
  transform: rotate(29deg) scale(.86) !important;
}
.ink-ripple--brown::after {
  inset: 16% 2% 6% 15% !important;
  opacity: .42 !important;
  filter: blur(24px) !important;
  transform: rotate(-37deg) scale(.72) !important;
}
@keyframes v38-plan-water-ink {
  0% {
    opacity: 0;
    filter: blur(28px) saturate(.2);
    border-radius: 46% 54% 51% 49% / 48% 42% 58% 52%;
    transform: translate3d(-50%, -50%, 0) scale(.025) rotate(-8deg);
  }
  24% {
    opacity: .62;
  }
  62% {
    opacity: .53;
    filter: blur(8px) saturate(.3);
    border-radius: 34% 66% 42% 58% / 61% 37% 63% 39%;
  }
  100% {
    opacity: 0;
    filter: blur(32px) saturate(.18);
    border-radius: 59% 41% 64% 36% / 43% 58% 42% 57%;
    transform: translate3d(-50%, -50%, 0) scale(1.1) rotate(7deg);
  }
}
@media (max-width: 700px) {
  #contact .contact-title {
    gap: .07em;
    width: 100%;
    font-size: clamp(27px, 8.4vw, 58px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.065em !important;
  }
  #contact .contact-title__line--accent {
    padding-left: clamp(7px, 3vw, 14px);
  }
  #works .works-exhibit__sticky {
    cursor: auto;
  }
  #works .works-touch-aura {
    filter: blur(6px) !important;
    mix-blend-mode: normal;
  }
  #about.about {
    min-height: 100svh !important;
  }
  #about.is-about-letter-unfolding .about__portrait {
    animation-duration: 1120ms !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .about-envelope-experience.is-opening .len-envelope,
  .about-envelope-experience.is-opening .len-envelope__seal,
  .about-envelope-experience.is-opening .len-envelope__flap,
  .about-envelope-experience.is-opening .len-envelope__letter,
  .about-envelope-experience.is-opening .len-envelope__letter > *,
  .about-envelope-experience.is-closing-to-about .len-envelope,
  .about-envelope-experience.is-closing-to-about .len-envelope__letter,
  #about.is-about-letter-unfolding .about-letter-folds,
  #about.is-about-letter-unfolding .about-letter-fold,
  #about.is-about-letter-unfolding .about__portrait,
  #about.is-about-letter-unfolding .about__copy > * {
    animation-duration: .01ms !important;
    animation-delay: 0s !important;
  }
  #works .works-touch-aura,
  #works .gesture-light-pulse {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* source-site/assets/v45-base.entry.css */