:root {
  --bg: #ffffff;
  --ink: #514c47;
  --ink-muted: #a09b9b;
  --spark: #832bfd;
  --nav-bg: #f4f4f4;
  --nav-strip-bg: #ffffff;
  --nav-pill-bg: #f3f1ef;
  --nav-pill-hover-bg: var(--ink);
  --nav-pill-hover-text: var(--nav-strip-bg);
  --status-open: #00b862;
  --tooltip-bg: #35312e;
  --card-border: rgba(81, 76, 71, 0.24);
  --grain-opacity: 0.065;
  --work-card-bg: #ffffff;
  --work-media-bg: #fef9fd;
  --work-title: #3a3a3a;
  --work-desc: #a09b9b;
  --work-card-title: #3a3a3a;
  --work-card-desc: #a09b9b;
  --work-card-ink: #514c47;
  --testimonial-card-bg: #f8f7f7;
  --testimonial-divider: rgba(81, 76, 71, 0.15);
  --testimonial-name: #282420;
  --testimonial-role: #282420;
  --footer-bg: #2c2c2c;
  --footer-title: #ffffff;
  --footer-text: #f5f6f6;
  --footer-credit: #fff344;
  --content-width: 996px;
  --content-pad: 24px;
  --outer-max-width: calc(var(--content-width) + 2 * var(--content-pad));
}* {
  box-sizing: border-box;
}html,
body {
  margin: 0;
  padding: 0;
}body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100svh;
  background-color: var(--bg);
  color: var(--ink);
  overflow-x: hidden;
  transition: background-color 0.35s ease, color 0.35s ease;
}.grain-canvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  opacity: var(--grain-opacity);
  mix-blend-mode: normal;
  pointer-events: none;
  z-index: 11;
  image-rendering: pixelated;
}.nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 132px;
  background: var(--nav-strip-bg);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0);
  transition: box-shadow 0.35s ease, transform 0.35s ease, background-color 0.35s ease;
}.nav-bar.is-scrolled {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.024);
}
@media (prefers-reduced-motion: reduce) {.nav-bar {
    transition: box-shadow 0.35s ease, background-color 0.35s ease;
  }
}.nav-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  background: var(--nav-pill-bg);
  border-radius: 99px;
  padding: 4px;
}.nav__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 99px;
  color: var(--ink-muted);
  text-decoration: none;
  font-family: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: normal;
  letter-spacing: -0.26px;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 0.35s ease, background-color 0.35s ease;
}.nav__item.is-active {
  background: var(--nav-strip-bg);
  color: var(--ink);
  font-weight: 700;
}.nav__work-prefix {
  margin-right: 0.28em;
}.nav-icon-btn {
  position: relative;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  background: none;
  cursor: pointer;
  text-decoration: none;
}.nav-icon-btn--hidden {
  display: none;
}.nav-icon-btn--identity {
  width: auto;
  height: auto;
  gap: 12px;
}.nav-icon-btn--identity .nav-icon-btn__visual {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--nav-bg);
  border: 0.833px solid var(--card-border);
  overflow: hidden;
}.nav-icon-btn--identity .nav-icon-btn__img {
  width: 40px;
  height: 40px;
}.nav-identity__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  text-align: left;
}.nav-identity__title {
  font-family: "Fraunces", serif;
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  color: var(--ink);
  white-space: nowrap;
}.nav-identity__status {
  font-family: "Geist Mono", ui-monospace, "SFMono-Regular", monospace;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: -0.048px;
  text-transform: uppercase;
  color: var(--status-open);
  white-space: nowrap;
}
@media (max-width: 1099px) {.nav-identity__text { display: none; }
}.nav-links-trailing {
  display: flex;
  align-items: center;
  gap: 8px;
}.nav-pill-btn {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 40px;
  padding: 0 16px;
  border-radius: 99px;
  background: var(--nav-pill-bg);
  color: var(--ink-muted);
  text-decoration: none;
  font-family: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: normal;
  letter-spacing: -0.26px;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background-color 0.35s ease, color 0.35s ease;
}.nav-pill-btn:hover,
.nav-pill-btn:focus-visible {
  background: var(--nav-pill-hover-bg);
  color: var(--nav-pill-hover-text);
}.nav-pill-btn__icon {
  display: block;
  width: 16px;
  height: 16px;
}
@media (max-width: 640px) {.nav-pill-btn { height: 34px; padding: 0 12px; font-size: 12px; gap: 4px; }.nav-pill-btn__icon { width: 14px; height: 14px; }
}.nav-icon-btn__visual {
  --tilt: 0deg;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transform: rotate(var(--tilt));
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}.nav-icon-btn:hover .nav-icon-btn__visual,
.nav-icon-btn:focus-visible .nav-icon-btn__visual {
  transform: rotate(var(--tilt)) scale(1.0417);
}body.suppress-hover .nav-icon-btn:hover .nav-icon-btn__visual {
  transform: rotate(var(--tilt));
}body.suppress-hover .nav-icon-btn:hover .nav-tooltip {
  opacity: 0;
  transform: translateX(-50%) scale(0.75);
}
@media (prefers-reduced-motion: reduce) {.nav-icon-btn__visual {
    transition: none;
  }
}.nav-icon-btn__img {
  display: block;
  width: 36px;
  height: 36px;
}.nav-icon-btn--avatar .nav-icon-btn__img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}.nav-tooltip {
  position: absolute;
  top: calc(100% + 7.9px);
  left: 50%;
  transform-origin: top center;
  transform: translateX(-50%) scale(0.75);
  background: var(--tooltip-bg);
  color: #fff;
  font-family: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.056px;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 99px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}.nav-tooltip::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  width: 14px;
  height: 14px;
  background: var(--tooltip-bg);
  border-radius: 4px;
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
}.nav-icon-btn:hover .nav-tooltip,
.nav-icon-btn:focus-visible .nav-tooltip,
.nav-tooltip.is-shown {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
@media (prefers-reduced-motion: reduce) {.nav-tooltip {
    transition: opacity 0.2s ease;
    transform: translateX(-50%);
  }.nav-icon-btn:hover .nav-tooltip,
  .nav-icon-btn:focus-visible .nav-tooltip {
    transform: translateX(-50%);
  }
}.hero {
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
  padding: 96px max(142px, calc((100vw - 998px) / 2));
}.hero__left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 614px;
  gap: 56px;
  width: 574px;
  flex-shrink: 0;
  padding-top: 60px;
  box-sizing: border-box;
}.hero__intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
}.hero__title {
  margin: 0;
  font-family: "Fraunces", serif;
  font-weight: 400;
  font-variation-settings: "SOFT" 0, "WONK" 1;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.16px;
  color: var(--ink);
  transition: color 0.35s ease;
}.hero__copy {
  display: flex;
  flex-direction: column;
  gap: 12px;
}.hero__desc,
.hero__prev {
  margin: 0;
  font-family: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: -0.096px;
  color: var(--ink);
  transition: color 0.35s ease;
}.hero__link {
  color: var(--ink);
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
  transition: color 0.35s ease;
}.hero__upskill {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}.hero__upskill-item {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}.hero__spark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-family: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -0.08px;
  color: var(--spark);
  transition: color 0.35s ease;
}.hero__upskill-item span:last-child {
  font-family: "Geist Mono", ui-monospace, "SFMono-Regular", monospace;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.48px;
  text-transform: uppercase;
  color: var(--ink);
  transition: color 0.35s ease;
}.hero__frame {
  position: relative;
  flex-shrink: 0;
  width: auto;
  height: 614px;
  aspect-ratio: 370 / 591;
}.hero__frame-window {
  position: absolute;
  left: 7.8%;
  right: 8.4%;
  top: 14.6%;
  bottom: 13.5%;
  overflow: hidden;
}.hero__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}.hero__video--light {
  position: absolute;
  inset: 0;
}.hero__frame-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 1043px) {.nav-bar {
    gap: 12px;
    padding: 16px 24px;
  }.nav-links {
    gap: 20px;
  }.hero {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 140px 24px;
    gap: 48px;
  }.hero__left {
    height: auto;
    gap: 48px;
    width: 100%;
  }.hero__frame {
    width: 100%;
    max-width: 384px;
    height: auto;
    aspect-ratio: 370 / 591;
  }
}.section-anchor {
  position: relative;
  height: 0;
  flex: 0 0 0;
  scroll-margin-top: 100px;
}#home { scroll-margin-top: 0; }#testimonials { scroll-margin-top: 180px; }
@media (max-width: 540px) {.nav-bar { gap: 8px; padding: 12px; }.nav-links { gap: 12px; }.nav__item { font-size: 12px; }.nav-icon-btn { width: 40px; height: 40px; }.nav-icon-btn--avatar .nav-icon-btn__img { width: 40px; height: 40px; }
}.hero__sound {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  background: var(--nav-bg);
  color: var(--ink);
  border-radius: 50%;
  backdrop-filter: blur(12px);
  transition: background-color 0.35s ease, color 0.35s ease;
}.hero__sound svg { width: 24px; height: 24px; }.hero__sound .sound-on { display: none; }.hero__sound[aria-pressed="true"] .sound-on { display: block; }.hero__sound[aria-pressed="true"] .sound-off { display: none; }.hero__sound .nav-tooltip { top: auto; bottom: calc(100% + 8px); }.hero__sound .nav-tooltip::before { top: auto; bottom: -5px; }.hero__sound:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }.hero__sound .nav-tooltip {
  left: auto;
  right: 0;
  transform: scale(0.75);
  transform-origin: bottom right;
}.hero__sound .nav-tooltip::before { left: auto; right: 10px; }.hero__sound:hover .nav-tooltip,
.hero__sound:focus-visible .nav-tooltip { transform: scale(1); }.work {
  --work-card-bg: #fff;
  --work-card-title: #514c47;
  --work-card-desc: #514c47;
  --work-card-ink: #514c47;
  --work-card-border: rgb(81 76 71 / 64%);
  position: relative;
  z-index: 3;
  background: var(--bg);
  transition: background-color .35s ease;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 130px 0;
  overflow: clip;
}.work__header {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 24px;
  margin: 0 auto 32px;
  text-align: left;
}.work__title {
  margin: 0;
  font-family: "Fraunces", serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -.08px;
  font-variation-settings: "SOFT" 0, "WONK" 1;
  color: var(--ink);
  transition: color .35s ease;
}.work__grid {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1096px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}.work__card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: var(--work-card-bg);
  border: 2px solid var(--work-card-border);
  border-radius: 8px;
  overflow: hidden;
}.work__card-media {
  position: relative;
  flex-shrink: 0;
  aspect-ratio: 536 / 339;
  border-bottom: 2px solid var(--work-card-border);
  overflow: hidden;
}.work__card-media--skin { background: #f7eaf7; }.work__card-media--fashion { background: #f1f7ea; }.work__card-media--padel { background: #eceaf7; }.work__card-media--research { background: #edeeed; }.work__card-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
}.work__card-title {
  margin: 0;
  width: 100%;
  font-family: "Fraunces", serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.048px;
  font-variation-settings: "SOFT" 0, "WONK" 1;
  color: var(--work-card-title);
  overflow-wrap: anywhere;
}.work__card-desc {
  margin: 0;
  width: 100%;
  font-family: "Geist", ui-sans-serif, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -.032px;
  color: var(--work-card-desc);
  overflow-wrap: anywhere;
}.work__card-desc-highlight {
  font-weight: 500;
  color: #832bfd;
}.work__card-link-row { width: 100%; padding-top: 8px; margin-top: auto; }.work__card-link {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  font-family: "Geist", ui-sans-serif, system-ui, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -.032px;
  color: var(--work-card-ink);
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}.work__card-link:focus-visible { outline: 2px solid var(--work-card-ink); outline-offset: 4px; }#work { scroll-margin-top: 0; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {.work__card:hover .work__card-media img { transform: scale(1.035); }
}
@media (min-width: 640px) and (max-width: 1099px) {#work { scroll-margin-top: 81px; }.work { min-height: 0; padding: 32px 40px; }.work__header { padding: 0; margin-bottom: 24px; }.work__title { font-size: 32px; letter-spacing: -.064px; }.work__grid { width: 100%; max-width: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.work__card { box-shadow: 0 8px 24px #514c4714; }.work__card-desc { line-height: 1.45; }
}
@media (max-width: 639px) {#work { scroll-margin-top: 69px; }.work { min-height: 0; padding: 32px 16px; }.work__header { padding: 0; margin-bottom: 16px; }.work__title { font-size: 32px; letter-spacing: -.064px; }.work__grid { width: 100%; max-width: none; grid-template-columns: minmax(0, 1fr); gap: 16px; }.work__card { box-shadow: 0 8px 24px #514c4714; }.work__card-body { padding: 16px 16px 24px; }.work__card-link-row { padding-top: 12px; }
}.testimonials {
  position: sticky;
  top: var(--cover-pin-top, 0px);
  z-index: 3;
  background: var(--bg);
  transition: background-color 0.35s ease;
  scroll-margin-top: 180px;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 64px 0;
  box-sizing: border-box;
}.testimonials__header {
  width: 100%;
  max-width: var(--outer-max-width);
  margin: 0 auto 32px;
  padding: 0 var(--content-pad);
  box-sizing: border-box;
  text-align: left;
}.testimonials__title {
  margin: 0;
  font-family: "Fraunces", serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.064px;
  color: var(--work-title);
  transition: color 0.35s ease;
  font-variation-settings: "SOFT" 0, "WONK" 1;
}.testimonials__scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}.testimonials__scroll::-webkit-scrollbar {
  display: none;
}.testimonials__track {
  display: flex;
  gap: 32px;
  padding-left: max(24px, calc((100vw - var(--outer-max-width)) / 2 + var(--content-pad)));
  width: max-content;
}.testimonials__set {
  display: flex;
  gap: 32px;
  flex: 0 0 auto;
}.testimonial-card {
  flex: 0 0 auto;
  width: min(442px, 85vw);
  height: 384px;
  display: flex;
  flex-direction: column;
  background: var(--testimonial-card-bg);
  overflow: hidden;
  transition: background-color 0.35s ease;
}.testimonial-card__quote-wrap {
  flex: 1;
  min-height: 0;
  padding: 24px 24px 0;
  border-bottom: 1px solid var(--testimonial-divider);
  transition: border-color 0.35s ease;
}.testimonial-card__quote {
  margin: 0;
  font-family: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  text-transform: capitalize;
  color: var(--ink);
  transition: color 0.35s ease;
}.testimonial-card__footer {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 24px;
}.testimonial-card__avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}.testimonial-card__person {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}.testimonial-card__name {
  margin: 0;
  font-family: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  text-transform: capitalize;
  color: var(--testimonial-name);
  transition: color 0.35s ease;
}.testimonial-card__role {
  margin: 0;
  font-family: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  text-transform: capitalize;
  color: var(--testimonial-role);
  transition: color 0.35s ease;
}.site-footer {
  position: relative;
  z-index: 3;
  background: var(--footer-bg);
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 64px 0;
  box-sizing: border-box;
  transition: background-color 0.35s ease;
}.site-footer__inner {
  padding: 0 max(24px, calc((100vw - var(--outer-max-width)) / 2 + var(--content-pad)));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  position: relative;
  z-index: 1;
}.site-footer__title {
  margin: 0;
  font-family: "Fraunces", serif;
  font-weight: 400;
  font-size: 56px;
  line-height: 1.2;
  text-align: center;
  color: var(--footer-title);
  transition: color 0.35s ease;
  font-variation-settings: "SOFT" 0, "WONK" 1;
}.site-footer__row {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}.site-footer__credit {
  margin: 0;
  width: 100%;
  font-family: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  color: var(--footer-credit);
  transition: color 0.35s ease;
}.site-footer__floral {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: min(218px, 17.03vw);
  object-fit: cover;
  object-position: top center;
  pointer-events: none;
  user-select: none;
}.site-footer__contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: auto;
  max-width: 100%;
}.site-footer__email {
  display: flex;
  align-items: center;
  justify-content: center;
}.site-footer__email-text {
  margin: 0;
  font-family: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  white-space: nowrap;
  color: var(--footer-text);
  transition: color 0.35s ease;
}.site-footer__email-address {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
}.site-footer__copy {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-left: 2px;
  padding: 0;
  border: none;
  background: none;
  color: var(--footer-text);
  cursor: pointer;
  transition: color 0.2s ease;
}.site-footer__copy svg {
  width: 100%;
  height: 100%;
  display: block;
}.site-footer__copy:hover {
  color: var(--footer-title);
}.site-footer__copy-toast {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 7.9px);
  transform: translateX(-50%) translateY(4px);
  font-family: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-size: 13px;
  color: #2c2c2c;
  background: #ffffff;
  padding: 4px 10px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}.site-footer__copy-toast::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border-radius: 4px;
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
}.site-footer__copy-toast.is-shown {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}.site-footer__links {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}.site-footer__link {
  font-family: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  color: var(--footer-text);
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
  transition: color 0.2s ease;
}.site-footer__link:hover {
  color: var(--footer-title);
}
@media (max-width: 1043px) {.testimonials {
    min-height: 0;
  }.testimonials {
    padding: 64px 0;
  }.testimonials__track {
    padding-left: 24px;
  }.testimonials__title {
    font-size: 40px;
  }.site-footer__inner {
    padding: 0 24px;
  }.site-footer__title {
    font-size: 40px;
  }.site-footer__row {
    align-items: flex-start;
  }.site-footer__email-text {
    font-size: clamp(13px, 4vw, 24px);
  }
}:root { --page-gutter: clamp(20px, 4vw, 64px); }
@media (max-width: 1099px) {.nav-icon-btn--avatar .nav-tooltip { display: none !important; }
}.nav-bar {
  padding-inline: max(var(--page-gutter), calc((100vw - 1440px) / 2));
  flex-wrap: nowrap;
}.nav-links { flex-wrap: nowrap; }.hero {
  gap: clamp(32px, 4vw, 72px);
  padding: 112px max(var(--page-gutter), calc((100vw - 1120px) / 2)) 144px;
}.hero__frame { height: clamp(460px, 55vh, 614px); }.hero__left {
  width: auto;
  flex: 1;
  min-width: 0;
  height: auto;
  padding-top: 0;
  gap: 48px;
}.hero__desc, .hero__prev { font-size: clamp(20px, 1.6vw, 24px); line-height: 1.4; }.hero__upskill { gap: 12px 16px; }.hero__upskill-item span:last-child { font-size: 14px; }.testimonials { padding: 120px 0 80px; }.testimonial-card { height: auto; min-height: 384px; }.testimonial-card__quote-wrap { padding-bottom: 24px; }.site-footer { padding: 112px 0 max(160px, 14vw); }.site-footer__inner { max-width: 1200px; width: 100%; margin-inline: auto; padding-inline: var(--page-gutter); }.site-footer__title { font-size: clamp(36px, 4vw, 56px); max-width: 1000px; }.site-footer__email-text { white-space: normal; text-align: center; font-size: 24px; line-height: 1.5; }.site-footer__email-address { display: inline-block; }.site-footer__credit { max-width: 700px; font-size: 16px; line-height: 1.5; }.about { width: 100%; }.story-card__photos { gap: 16px; }.photo-item { width: clamp(120px, 16vw, 180px); height: auto; aspect-ratio: 1; }.story-card__photo { height: 100%; }
@media (min-width: 640px) and (max-width: 1099px) {.hero { flex-direction: row; align-items: center; padding: 120px var(--page-gutter) 140px; gap: 32px; }.hero__frame { flex: 0 0 38%; width: 38%; max-width: 350px; height: auto; }.hero__left { width: auto; gap: 32px; }.hero__title { font-size: 36px; }.hero__desc, .hero__prev { font-size: 20px; }.hero__upskill { flex-direction: column; align-items: flex-start; }.testimonials { min-height: 100svh; }.site-footer__inner { gap: 36px; }.about { padding: 128px var(--page-gutter) 80px; }.story-row { flex-direction: column; }.icon-stack { width: 100%; flex-direction: row; }.icon-card { min-height: 110px; }.story-row--split { flex-direction: row; }.story-card { padding: 24px; }.story-card__photos { justify-content: center; gap: 20px; }.photo-item { width: 140px; }
}
@media (max-width: 639px) {.nav-bar { padding: 12px 16px; gap: 10px; }.nav-links { gap: 12px; }.nav__item { font-size: 11px; letter-spacing: -.3px; }.nav-icon-btn { width: 40px; height: 40px; }.nav-icon-btn--avatar .nav-icon-btn__img { width: 40px; height: 40px; }.nav-icon-btn--avatar .nav-tooltip { left: 0; transform-origin: top left; }.nav-icon-btn--avatar:hover .nav-tooltip { transform: translateX(0) scale(1); }.hero { flex-direction: column; align-items: center; padding: 104px 24px 100px; gap: 32px; }.hero__frame { flex: none; width: min(76vw, 300px); max-width: 300px; height: auto; }.hero__left { flex: none; width: 100%; padding: 0; gap: 28px; }.hero__title { font-size: 36px; }.hero__desc, .hero__prev { font-size: 18px; line-height: 1.5; }.hero__upskill { gap: 10px 14px; }.hero__upskill-item span:last-child { font-size: 12px; }.testimonials { min-height: 100svh; padding: 120px 0 64px; }.testimonials__header { margin-bottom: 28px; padding-inline: 16px; }.testimonials__track { padding-left: 20px; gap: 20px; }.testimonials__set { gap: 20px; }.testimonial-card { width: min(340px, calc(100vw - 48px)); min-height: 360px; }.testimonial-card__quote { font-size: 18px; line-height: 1.55; }.testimonial-card__footer { padding: 20px; }.testimonial-card__name { font-size: 18px; }.testimonial-card__role { font-size: 14px; line-height: 1.4; }.site-footer { padding: 96px 0 150px; }.site-footer__inner { gap: 32px; padding-inline: 24px; }.site-footer__title { font-size: 36px; line-height: 1.15; }.site-footer__email { gap: 8px; }.site-footer__email-text { font-size: 17px; }.site-footer__links { gap: 24px; justify-content: center; }.site-footer__link { font-size: 20px; }.site-footer__credit { font-size: 13px; max-width: 280px; }.about { padding: 104px 20px 64px; gap: 32px; }.about__title { font-size: 28px; line-height: 1.25; }.about__subtitle { font-size: 17px; line-height: 1.5; }.about__body { gap: 48px; }.game-card { border-radius: 20px; }.story-grid, .story-row { gap: 24px; }.story-row, .story-row--split { flex-direction: column; }.story-card { padding: 24px 18px; gap: 28px; border-radius: 24px; min-height: 0; }.story-card__photos { justify-content: center; gap: 20px; }.photo-item { width: calc((100% - 20px) / 2); max-width: 150px; }.photo-tooltip { width: 160px; font-size: 12px; }.story-card__photo { border-radius: 18px; border-width: 4px; }.story-card__caption-title { font-size: 24px; }.story-card__caption-desc { line-height: 1.5; }.icon-stack { flex-direction: row; width: 100%; gap: 20px; }.icon-card { min-height: 90px; border-radius: 20px; }.icon-card img { width: 44px; height: 44px; }
}
@media (max-width: 359px) {.nav-bar { padding-inline: 10px; gap: 6px; }.nav-links { gap: 8px; }.nav__item { font-size: 10px; }.nav-icon-btn { width: 36px; height: 36px; }.site-footer__email-text { font-size: 15px; }
}
@media (max-width: 639px) {.nav-icon-btn--avatar .nav-tooltip,
  .nav-icon-btn--avatar .nav-tooltip.is-shown,
  .nav-icon-btn--avatar:focus-visible .nav-tooltip { transform: translateX(0) scale(1); }
}.nav-menu-toggle { display: none; }
@media (max-width: 1099px) {:is(.portfolio-home, .portfolio-about) .nav-bar {
    padding: 20px 40px;
    gap: 12px;
    border-bottom: 1px solid var(--card-border);
  }:is(.portfolio-home, .portfolio-about) .nav-links { gap: 24px; }:is(.portfolio-home, .portfolio-about) .nav__item { font-size: 13px; letter-spacing: 0; }:is(.portfolio-home, .portfolio-about) .nav__work-prefix { display: none; }:is(.portfolio-home, .portfolio-about) .nav-icon-btn,
  :is(.portfolio-home, .portfolio-about) .nav-icon-btn--avatar .nav-icon-btn__img { width: 40px; height: 40px; }.hero {
    --hero-flowers-height: 220px;
    min-height: 100svh;
    padding: 105px 40px calc(24px + var(--hero-flowers-height));
    gap: 40px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }.hero__frame {
    width: 240px;
    max-width: 240px;
    height: auto;
    flex: 0 0 240px;
    aspect-ratio: 370 / 591;
  }.hero__left { flex: 1; min-width: 0; width: auto; height: auto; padding: 0; gap: 40px; }.hero__intro, .hero__copy { gap: 20px; }.hero__title { font-size: 40px; font-weight: 400; line-height: 1.2; }.hero__desc, .hero__prev { font-size: 20px; line-height: 1.3; }.hero__upskill { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 20px; }.hero__upskill-item { gap: 6px; }.hero__upskill-item span:last-child { font-size: 12px; letter-spacing: -.36px; }.hero__spark { font-size: 16px; }
}
@media (min-width: 640px) and (max-width: 767px) {:is(.portfolio-home, .portfolio-about) .nav-bar { padding-inline: 24px; }.hero { padding-inline: 24px; gap: 24px; }.hero__frame { flex-basis: 210px; width: 210px; }.hero__title { font-size: 36px; }
}
@media (max-width: 639px) {:is(.portfolio-home, .portfolio-about) .nav-bar { padding: 16px 20px; gap: 12px; }:is(.portfolio-home, .portfolio-about) .nav-icon-btn,
  :is(.portfolio-home, .portfolio-about) .nav-icon-btn--avatar .nav-icon-btn__img { width: 36px; height: 36px; }:is(.portfolio-home, .portfolio-about) .nav-icon-btn--avatar { display: none; }.hero__sound .nav-tooltip { display: none; }:is(.portfolio-home, .portfolio-about) .nav-menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    width: 36px;
    height: 36px;
    padding: 8px;
    flex: 0 0 36px;
    border: 1px solid var(--card-border);
    border-radius: 50%;
    background: var(--nav-bg);
    cursor: pointer;
  }.nav-menu-toggle img { width: 18px; height: 18px; }.nav-menu-toggle:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }:is(.portfolio-home, .portfolio-about) .nav-links {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 12px 20px 20px;
    background: var(--nav-strip-bg);
    border-bottom: 1px solid var(--card-border);
    border-radius: 0 0 16px 16px;
    box-shadow: 0 12px 20px #0000000d;
  }:is(.portfolio-home, .portfolio-about) .is-menu-open .nav-links { display: flex; flex-direction: column; align-items: stretch; gap: 4px; }:is(.portfolio-home, .portfolio-about) .nav-links .nav__item { padding: 14px 12px; font-size: 14px; color: var(--ink); }:is(.portfolio-home, .portfolio-about) .nav-links .nav__item:focus-visible { outline: 2px solid var(--ink); outline-offset: -2px; }.hero {
    --hero-flowers-height: 171px;
    padding: 81px 20px var(--hero-flowers-height);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }.hero__frame { flex: none; width: min(240px, 100%); max-width: 240px; }.hero__left { flex: none; width: 100%; gap: 16px; text-align: center; }.hero__intro { gap: 12px; }.hero__copy { gap: 16px; }.hero__title { font-size: 36px; font-weight: 600; }.hero__desc, .hero__prev { font-size: 18px; line-height: 1.3; }.hero__upskill { justify-content: center; gap: 4px; }.hero__upskill-item { gap: 4px; }.hero__upskill-item span:last-child { letter-spacing: -.36px; }.hero__sound { width: 36px; height: 36px; right: 8px; bottom: 8px; }.hero__sound svg { width: 20px; height: 20px; }
}.testimonials { padding: 208px 0 150px; justify-content: flex-start; min-height: 100svh; }.testimonials__header { margin-bottom: 37px; }.testimonials__title { font-size: 40px; color: var(--work-title); }#testimonials { scroll-margin-top: 0; }.testimonials__track { padding-left: 0; gap: 32px; }.testimonials__set { align-items: stretch; gap: 32px; }.testimonial-card { width: 442px; height: auto; min-height: 0; border-radius: 8px; }.testimonial-card__footer { padding: 24px; border-bottom: 1px solid var(--testimonial-divider); }.testimonial-card__avatar { width: 52px; height: 52px; }.testimonial-card__name { font-family: "Fraunces", serif; font-size: 24px; font-weight: 400; text-transform: none; font-variation-settings: "SOFT" 0, "WONK" 1; }.testimonial-card__role { font-size: 16px; text-transform: none; }.testimonial-card__quote-wrap { padding: 24px; border: 0; min-height: auto; }.testimonial-card__quote { font-size: 20px; line-height: 1.5; font-weight: 500; text-transform: none; overflow-wrap: anywhere; }.testimonials__scroll:focus-visible { outline: 2px solid var(--ink); outline-offset: -2px; }
@media (max-width: 1099px) {.testimonials { position: relative; top: auto; min-height: 0; padding: 60px 0 40px; }#testimonials { scroll-margin-top: 81px; }.testimonials__header { margin-bottom: 32px; padding-inline: 20px; }.testimonials__title { font-size: 32px; }.testimonials__track { padding-left: 0; gap: 20px; }.testimonials__set { gap: 20px; }.testimonial-card { width: 374px; min-height: 0; border: 1px solid var(--testimonial-divider); border-radius: 16px; }.testimonial-card__footer { padding: 20px; }.testimonial-card__avatar { width: 42px; height: 42px; }.testimonial-card__name { font-size: 16px; font-weight: 600; }.testimonial-card__role { font-size: 12px; line-height: 1.2; }.testimonial-card__quote-wrap { padding: 20px; }.testimonial-card__quote { font-size: 16px; line-height: 1.5; font-weight: 400; }.site-footer { min-height: 100svh; padding: 48px 40px 120px; justify-content: center; }.site-footer__inner { padding: 0; gap: 0; max-width: 688px; }.site-footer__title { font-size: 32px; line-height: 1.25; max-width: 600px; margin-bottom: 16px; }.site-footer__contact { gap: 12px; width: 100%; }.site-footer__email { gap: 4px; justify-content: center; max-width: 100%; }.site-footer__email-text { font-size: 16px; line-height: 1.2; white-space: normal; }.site-footer__email-address { display: inline; }.site-footer__copy { width: 20px; height: 20px; }.site-footer__links { gap: 32px; justify-content: center; }.site-footer__link { font-size: 16px; line-height: 1.2; }.site-footer__credit { font-size: 14px; line-height: 1.4; max-width: 500px; margin-top: 48px; }
}
@media (max-width: 639px) {.testimonials { padding: 76px 0 40px; }#testimonials { scroll-margin-top: 69px; }.testimonials__header { margin-bottom: 24px; }.testimonials__track { padding-inline: 20px; }.testimonial-card { width: min(350px, calc(100vw - 40px)); }.testimonial-card__footer, .testimonial-card__quote-wrap { padding: 16px; }.site-footer { min-height: 100svh; padding: 32px 20px; }.site-footer__title { font-weight: 600; margin-bottom: 24px; }.site-footer__email-text { font-size: 14px; }.site-footer__copy { width: 16px; height: 16px; }.site-footer__credit { font-size: 12px; margin-top: 40px; max-width: 350px; }.portfolio-home .site-footer .site-footer__floral { display: none; }
}.nav-pill-btn__icon {
  background: currentColor;
  -webkit-mask: url('../assets/arrow-up-right.svg') center / contain no-repeat;
  mask: url('../assets/arrow-up-right.svg') center / contain no-repeat;
}.nav-pill-btn:hover, .nav-pill-btn:focus-visible {
  background: color-mix(in srgb, var(--nav-pill-bg), var(--ink) 6%);
  color: var(--ink-muted);
}.nav__item:not(.is-active):hover, .nav__item:not(.is-active):focus-visible {
  background: transparent;
  color: var(--ink);
}.nav__item:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }.portfolio-home .nav-icon-btn--avatar:hover .nav-icon-btn__visual,
.portfolio-home .nav-icon-btn--avatar:focus-visible .nav-icon-btn__visual {
  transform: rotate(var(--tilt));
}.portfolio-home .nav-icon-btn--avatar { cursor: default; }.portfolio-home .hero__upskill { flex-direction: column; align-items: flex-start; gap: 12px; }.portfolio-home { --section-gap: 72px; }.portfolio-home :is(.hero, .work, .testimonials) { min-height: 100svh; padding-block: calc(var(--section-gap) / 2); }.portfolio-home .hero { padding-top: 88px; justify-content: center; }.portfolio-home .testimonials { justify-content: flex-start; }.portfolio-home .site-footer { z-index: 4; }.portfolio-home :is(#work, #testimonials) { scroll-margin-top: 80px; }.work__thumbnail { display: block; width: 100%; height: 100%; object-fit: cover; }.portfolio-home .work__card-link { font-size: 20px; line-height: 1.3; min-height: 44px; }.work__coming-soon { display: flex; align-items: center; gap: 8px; margin: 0; min-height: 44px; font: 500 20px/1.4 "Geist", sans-serif; color: var(--work-card-ink); }.work__coming-soon .hero__spark { flex-shrink: 0; color: #9747ff; }
@media (max-width: 1099px) {.portfolio-home { overflow-x: clip; }.portfolio-home .testimonials { position: sticky; top: var(--cover-pin-top, 0px); }.portfolio-home .work__card-link { font-size: 20px; }.work__coming-soon { font-size: 18px; }
}
@media (max-width: 639px) {.portfolio-home .work__card-link { font-size: 16px; }.work__coming-soon { font-size: 16px; }.portfolio-home .work__card-body { padding: 12px; }
}.portfolio-ai-labs .about { min-height: 100svh; display: flex; flex-direction: column; gap: 24px; padding-block: 104px 40px; }.portfolio-ai-labs .about__body { display: block; width: 100%; }.portfolio-ai-labs .game-card { height: calc(100svh - 104px); min-height: 480px; aspect-ratio: auto; padding: 0; }.portfolio-ai-labs .game-card iframe { display: block; width: 100%; height: 100%; border: 0; }
@media (min-width: 640px) {.portfolio-home .work__card-desc { font-size: 20px; line-height: 1.4; }.nav-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 4px; }.nav-links { justify-self: center; }.nav-icon-btn--avatar { justify-self: start; }.nav-links-trailing { justify-self: end; }
}
@media (min-width: 640px) and (max-width: 850px) {.nav-bar .nav__item { font-size: 11px; padding-inline: 6px; }.nav-bar .nav-links { gap: 2px; }.nav-pill-btn { font-size: 10px; padding-inline: 6px; gap: 3px; }.nav-pill-btn__icon { width: 12px; height: 12px; }.nav-links-trailing { gap: 4px; }
}
@media (max-width: 639px) {.nav__item--ai-labs { display: none !important; }.portfolio-home { --section-gap: 40px; }.portfolio-home :is(#work, #testimonials) { scroll-margin-top: 68px; }.portfolio-home .hero { gap: 24px; }.portfolio-home .hero__upskill { align-items: center; }
}:root {
  --page-content-edge: max(40px, calc((100vw - 1096px) / 2));
}:is(.portfolio-home, .portfolio-about) .nav-bar {
  padding-inline: var(--page-content-edge);
}.portfolio-home .hero {
  width: 100%;
  padding-inline: var(--page-content-edge);
  box-sizing: border-box;
}.portfolio-home .work {
  padding-inline: var(--page-content-edge);
}.portfolio-home .work__header,
.portfolio-home .testimonials__header {
  max-width: none;
  padding-inline: 0;
  text-align: left;
}.portfolio-home .work__grid {
  max-width: none;
}.portfolio-home .testimonials__header {
  padding-inline: var(--page-content-edge);
}.portfolio-home .testimonials__track {
  padding-left: var(--page-content-edge);
}.portfolio-home .site-footer__inner,
.portfolio-about .site-footer__inner {
  max-width: none;
  width: 100%;
  padding-inline: var(--page-content-edge);
  box-sizing: border-box;
}.portfolio-about .about {
  max-width: none;
  width: 100%;
  padding-inline: var(--page-content-edge);
  box-sizing: border-box;
}
@media (min-width: 640px) and (max-width: 1099px) {:root { --page-content-edge: 40px; }.portfolio-home { --section-gap: 56px; }
}
@media (max-width: 639px) {:root { --page-content-edge: 20px; }.portfolio-home .work {
    padding-inline: var(--page-content-edge);
  }
}.portfolio-home .work { min-height: 0; padding-block: 50px 72px; }.portfolio-home .work__header { text-align: center; margin-bottom: 32px; }.portfolio-home .work__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 32px;
  align-items: start;
}.work__card { border: 0; border-radius: 8px; box-shadow: none; background: var(--bg); overflow: visible; }.work__card--skin { grid-column: 1; grid-row: 1 / span 2; }.work__card--research { grid-column: 2; grid-row: 1; margin-bottom: 52px; }.work__card--padel { grid-column: 1; grid-row: 3; }.work__card--fashion { grid-column: 2; grid-row: 2 / span 2; }.work__card-media { display: flex; align-items: center; justify-content: center; background: #efefec; border: 0; border-radius: 8px; aspect-ratio: 536 / 339; }.work__card-media--skin, .work__card-media--fashion { aspect-ratio: 536 / 600; }.work__card-media .work__thumbnail { display: block; flex: 0 1 auto; width: auto; max-width: 94%; height: 95%; object-fit: contain; transform: none; }.work__card-media--padel .work__thumbnail { height: 90%; }.portfolio-home .work__card-body { padding: 20px 0; gap: 12px; }.work__card-title { font-size: 32px; line-height: 1.1; letter-spacing: -.064px; color: var(--ink); overflow-wrap: normal; }.work__card-title a { color: inherit; text-decoration: none; }.work__card-title a::after { content: ''; position: absolute; inset: 0; border-radius: 8px; }.work__card { position: relative; }.work__card-title a:focus-visible { outline: 2px solid #832bfd; outline-offset: 5px; border-radius: 2px; }.work__chips { display: flex; flex-wrap: wrap; gap: 8px; }.work__chip { padding: 8px; border-radius: 4px; font: 700 14px/1 "Geist", sans-serif; letter-spacing: .28px; text-transform: uppercase; }.work__chip--green { color: #00944f; background: #edfde6; }.work__chip--purple { color: #832bfd; background: #ede3fb; }
@media (min-width: 640px) and (max-width: 1099px) {.portfolio-home .work { padding-block: 32px 48px; }.portfolio-home .work__grid { column-gap: 24px; }.work__card-title { font-size: clamp(22px, 2.5vw, 28px); }.work__chip { font-size: 11px; line-height: 1.2; padding: 7px; }.work__card--research { margin-bottom: 32px; }
}
@media (max-width: 639px) {.portfolio-home .work { padding-block: 32px 40px; }.portfolio-home .work__header { margin-bottom: 24px; }.portfolio-home .work__grid { display: flex; flex-direction: column; gap: 28px; }.work__card { width: 100%; margin: 0; }.work__card--skin { order: 0; }.work__card--fashion { order: 1; }.work__card--research { order: 2; }.work__card--padel { order: 3; }.portfolio-home .work__card-body { padding: 16px 0 0; }.work__card-title { font-size: 26px; line-height: 1.15; }.work__chip { font-size: 11px; line-height: 1.2; padding: 7px; }
}.work__card--skin { margin-bottom: 52px; }.work__card-media .work__thumbnail { width: 100%; max-width: 100%; }.work__card-media--skin, .work__card-media--fashion { background: #ecede8; }.work__card:hover .work__card-media img { transform: none; }
@media (min-width: 640px) and (max-width: 1099px) {.work__card--skin { margin-bottom: 32px; } }
@media (max-width: 639px) {.work__card--skin { margin-bottom: 0; } }
@media (max-width: 639px) {.work__card-media--padel { aspect-ratio: 536 / 600; }.work__card-media--padel .work__thumbnail { height: 95%; }
}.portfolio-home .work__card,
.portfolio-home .work__card-body { background: transparent; }.work__card-title a,
.work__card-title a:hover,
.work__card-title a:focus,
.work__card-title a:active { text-decoration: none; }.work__hover {
  position: absolute; z-index: 5; left: var(--hover-x, 50%); top: var(--hover-y, 42%);
  display: flex; align-items: center; justify-content: center; gap: 20px;
  width: 156.8px; height: 51.2px; border-radius: 999px; pointer-events: none;
  font: 500 14.4px/1 "Geist", sans-serif; color: #514c47;
  background: linear-gradient(135deg, rgb(255 254 250 / 92%), rgb(243 241 239 / 82%));
  border: 1px solid rgb(255 255 255 / 75%);
  box-shadow: inset 8px 8px 18px rgb(255 255 255 / 80%), inset -9px -9px 20px rgb(81 76 71 / 14%), 0 8px 24px rgb(81 76 71 / 9%);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  opacity: 0; transform: translate(-50%, -50%) scale(.9);
  transition: opacity 160ms ease, transform 200ms ease;
}.work__hover-arrow { font-size: 28px; line-height: 1; }.work__hover--wip { width: 156.8px; height: 51.2px; font-size: 14.4px; }
@media (min-width: 640px) and (hover: hover) and (pointer: fine) {.work__card--padel:hover .work__hover--wip { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@media (hover: hover) and (pointer: fine) {.work__card:has(a):hover .work__hover { opacity: 1; transform: translate(-50%, -50%) scale(1); }.work__card:has(a) { cursor: pointer; }
}.work__card:focus-within .work__hover { opacity: 1; transform: translate(-50%, -50%) scale(1); left: 50%; top: 42%; }
@media (prefers-reduced-motion: reduce) {.work__hover { transition: none; } }.work__hover-arrow {
  display: block; flex: 0 0 19.2px; width: 19.2px; height: 19.2px;
  background: currentColor;
  -webkit-mask: url('../assets/arrow-up-right.svg') center / contain no-repeat;
  mask: url('../assets/arrow-up-right.svg') center / contain no-repeat;
  transform: rotate(45deg);
}.work__research-picture { display: block; width: 100%; height: 100%; }.work__card-media--research .work__thumbnail { height: 100%; object-fit: cover; object-position: center top; }
@media (min-width: 640px) {.work__card-media--padel { align-items: flex-start; }.work__card-media--padel .work__thumbnail { width: 44.78%; height: auto; max-width: none; margin-top: 5.78%; object-fit: contain; }
}.work__column { display: flex; flex-direction: column; gap: 32px; min-width: 0; }.portfolio-home .work__column .work__card { margin: 0; }.portfolio-home .testimonials {
  min-height: calc(100svh - 80px);
  justify-content: center;
  padding-block: 40px;
}.portfolio-home .testimonials__header { text-align: center; }.portfolio-home .work__card-body { padding: 12px 0 0; gap: 8px; }
@media (min-width: 1100px) {.portfolio-home :is(.work__card--padel, .work__card--fashion) .work__card-body { padding-bottom: 20px; }
}
@media (max-width: 1099px) {.work__column { gap: 24px; }.portfolio-home .work__card-body { padding: 8px 0 0; gap: 8px; }.work__chip { padding: 8px; }
}
@media (max-width: 639px) {.work__column { display: contents; }.portfolio-home .work__grid {
    gap: 24px;
    justify-items: center;
  }.portfolio-home .work__card {
    width: 100%;
    max-width: 536px;
    margin-inline: auto;
    box-sizing: border-box;
  }.portfolio-home .work { box-sizing: border-box; width: 100%; }.portfolio-home .work__grid { align-items: center; width: 100%; min-width: 0; }.portfolio-home .work__card-media { aspect-ratio: 536 / 600; }.portfolio-home .work__card-media--research .work__thumbnail { object-fit: cover; object-position: center; }.portfolio-home .work__card-media,
  .portfolio-home .work__card-body { width: 100%; }.portfolio-home .testimonials { min-height: calc(100svh - 68px); padding-block: 32px; }
}.nav-bar.nav-bar--refreshed {
  display: flex; align-items: center; justify-content: flex-start;
  height: 80px; padding: 0 var(--page-content-edge);
  gap: 12px; border-bottom: 1px solid rgb(81 76 71 / 32%);
}.nav-bar--refreshed .nav-identity__text,
.nav-bar--refreshed .nav__work-prefix,
.nav-bar--refreshed .nav__item--home,
.nav-bar--refreshed .nav__item--mobile-external,
.nav-bar--refreshed .nav__item--ai-labs { display: none !important; }.nav-bar.nav-bar--refreshed .nav-icon-btn--avatar { display: flex; width: 44px; height: 44px; padding: 6px; flex: 0 0 44px; cursor: pointer; }.nav-bar--refreshed .nav-icon-btn--avatar .nav-icon-btn__visual { width: 32px; height: 32px; transform: none !important; }.nav-bar.nav-bar--refreshed .nav-icon-btn--avatar .nav-icon-btn__img { width: 32px; height: 32px; }.nav-bar.nav-bar--refreshed .nav-links { background: transparent; padding: 0; gap: 4px; border: 0; box-shadow: none; }.nav-bar--refreshed .nav-links-trailing { margin-left: auto; gap: 8px; }.nav-bar.nav-bar--refreshed :is(.nav__item, .nav-pill-btn) { background: transparent; color: var(--ink); font-size: 14px; font-weight: 500; padding: 8px; letter-spacing: 0; }.nav-bar.nav-bar--refreshed .nav__item.is-active { font-weight: 700; }.nav-bar.nav-bar--refreshed .nav-pill-btn__icon { width: 16px; height: 16px; }
@media (max-width: 639px) {.nav-bar.nav-bar--refreshed { height: 68px; padding-inline: var(--page-content-edge); justify-content: space-between; }.nav-bar--refreshed .nav-links-trailing { display: none; }.nav-bar--refreshed .nav-menu-toggle { margin-left: auto; }.nav-bar.nav-bar--refreshed .nav-links { position: absolute; top: calc(100% + 9px); left: var(--page-content-edge); right: var(--page-content-edge); width: auto; padding: 12px; background: var(--bg); border: 1px solid rgb(81 76 71 / 20%); border-radius: 12px; max-height: calc(100svh - 96px); overflow-y: auto; }.nav-bar--refreshed .nav__item--mobile-external,
  .nav-bar--refreshed .nav__item--ai-labs { display: flex !important; }.nav-bar.nav-bar--refreshed .nav__item { min-height: 44px; align-items: center; justify-content: flex-start; }
}

/* Regular editorial headings and consistently sized video mockups. */
.portfolio-home :is(.work__title, .testimonials__title, .work__card-title) { font-weight: 400; }
.portfolio-home .work__card-media video.work__thumbnail {
  width: 248px;
  max-width: 95%;
  height: auto;
  max-height: 95%;
  object-fit: contain;
  flex: 0 1 auto;
}

/* Preserve the desktop image box when using a mobile-specific source. */
.work__padel-picture { display: contents; }
@media (max-width:639px) {
  .portfolio-home .hero { position:relative; top:auto; min-height:0; padding:88px 20px 32px; gap:8px; }
  .portfolio-home .hero__frame { width:240px; max-width:100%; height:auto; flex:none; }
  .portfolio-home .hero__title { font-size:36px; font-weight:400; }
  .portfolio-home .hero__left { gap:16px; }
  .portfolio-home .hero__desc, .portfolio-home .hero__prev { font-weight:400; }
  .portfolio-home .hero__upskill { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px; width:100%; }
  .portfolio-home .hero__upskill-item { flex:0 0 auto; gap:4px; white-space:nowrap; }
  .portfolio-home .hero__upskill-item span:last-child { font-size:12px; }
  .portfolio-home .work { position:relative; top:auto; min-height:0; padding:32px 20px; background:#fff; }
  .portfolio-home .work__title { font-size:32px; line-height:1.2; font-weight:400; text-align:center; }
  .portfolio-home .work__header { margin-bottom:24px; }
  .portfolio-home .work__grid { gap:24px; }
  .portfolio-home .work__card-media { height:auto; aspect-ratio:350 / 391.791; background:#efefec; border-radius:5.224px; }
  .portfolio-home .work__card-media video.work__thumbnail { width:46.857%; height:85.22%; max-width:none; max-height:none; object-fit:contain; }
  .portfolio-home .work__card-media--padel .work__thumbnail { width:46.857%; height:86%; max-width:none; margin:0; object-fit:contain; }
  .portfolio-home .work__card-body { padding:8px 0 0; gap:4px; }
  .portfolio-home .work__chips { gap:4px; }
  .portfolio-home .work__chip { padding:2px 4px; font-size:10px; line-height:14px; letter-spacing:.2px; }
  .portfolio-home .work__chip--purple { padding:4px; }
  .portfolio-home .work__card-title { font-size:18px; line-height:1.1; font-weight:400; letter-spacing:-.036px; }
}