:root {
  --bg: #f5f5f5;
  --ink: #262624;
  --muted: #6d6b66;
  --line: #d8d8d6;
  --accent: #c2367c;
  --violet: #777777; --sea-teal: #4fa9b8; --sun-gold: #e2a86c; --night-plum: #2d2c2a;
  --page-title: clamp(1.9rem,4.2vw,3.75rem);
  font-family: 'Proxima Nova','Source Sans 3',sans-serif;
  color: var(--ink);
  background: var(--bg);
  font-size: 16px;
  --font-site: 'Proxima Nova','Source Sans 3',sans-serif;
  --space-section: 0px;
  --card-ratio-featured: 2.65;
  --card-ratio-more: 1.6;
  --logo-brightness: .28;
  --logo-opacity: .78;
  --wave-speed: 1;
  --wave-amplitude: 1;
  --wall-curve: 130;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 6px;
}
img {
  display: block;
  max-width: 100%;
}
nav a:hover {
  color: var(--accent);
}
.eyebrow {
  font-size: .72rem;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--accent);
  margin: 0 0 24px;
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h1 {
  font-size: clamp(3.1rem,6.5vw,6.1rem);
  line-height: 1.04;
  margin-bottom: 30px;
}
h1 em,
h2 em {
  font-style: normal;
  color: var(--muted);
}
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 35px;
  padding: calc(50px + var(--space-section)) 0 30px;
}
h2 {
  font-size: clamp(1.9rem,3vw,2.8rem);
  line-height: 1.14;
  margin-bottom: 0;
}
.section-heading>p {
  font-size: .96rem;
  line-height: 1.6;
  color: var(--muted);
  margin: 0;
}
.project-number {
  position: absolute;
  z-index: 1;
  left: 19px;
  top: 18px;
  color: #fff;
  font-size: .8rem;
  letter-spacing: .1em;
}
footer nav {
  display: flex;
  gap: 14px;
  flex-direction: column;
  font-size: .8rem;
}
.back {
  display: inline-block;
  font-size: .8rem;
  color: var(--muted);
  margin-bottom: 35px;
}
.section-number {
  font-size: .75rem;
  color: var(--accent);
  padding-top: 6px;
}
@media (max-width:700px) {
  .section-heading {
    align-items: start;
    flex-direction: column;
    gap: 18px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    transition: none !important;
  }
}
@media (prefers-reduced-motion: reduce) { :is(.ab-type, .ab-ut, .kt2, .ab-t3, .ab-t4), :is(.ab-type, .ab-ut, .kt2, .ab-t3, .ab-t4) * { transform: none !important; } }
button {
  font: inherit;
  cursor: pointer;
}
button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
@media (prefers-reduced-motion:reduce) {
  * {
    transition: none !important;
  }
}
@media print {
  body {
    background: white;
    color: black;
  }
}
body,
button {
  font-family: var(--font-site);
}
h1 em,
h2 em,
.hero h1 em {
  font-weight: 800;
}
#work>.section-heading,
#more>.section-heading {
  display: block;
}
#work>.section-heading>p,
#more>.section-heading>p {
  margin: 15px 0 0;
  max-width: 58ch;
  line-height: 1.55;
}
#work>.section-heading {
  border-top: 1px solid var(--line);
  padding-top: 23px;
  padding-bottom: 20px;
}
#work>.section-heading h2 {
  font-size: 1.9rem;
}
#work>.section-heading>p {
  margin-top: 8px;
  font-size: .88rem;
}
@media (max-width:560px) {
  #work>.section-heading {
    padding-top: 19px;
    padding-bottom: 17px;
  }
  #work>.section-heading h2 {
    font-size: 1.6rem;
  }
  #work>.section-heading>p {
    font-size: .8rem;
    max-width: 35ch;
  }
}
#work {
  position: relative;
}
html {
  scroll-padding-top: 100px;
}
@media (max-width:600px) {
  html {
    scroll-padding-top: 86px;
  }
}
#more>.section-heading {
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  display: block;
  padding: calc(26px + var(--space-section)) 0 28px;
}
#more>.section-heading h2 {
  font-size: clamp(25px,2.7vw,34px);
  line-height: 1.15;
  margin: 0;
}
@media (max-width:750px) {
  #more>.section-heading h2 {
    font-size: 27px;
  }
}
.nav,
main,
footer {
  max-width: 1400px;
  margin: auto;
  padding-left: 5vw;
  padding-right: 5vw;
}
footer {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  padding-top: 35px;
  padding-bottom: 25px;
}
@media (max-width:700px) {
  footer {
    grid-template-columns: 1fr;
  }
}
.nav {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  border-bottom: 1px solid var(--line);
}
.identity {
  display: flex;
  gap: 14px;
  align-items: center;
}
.identity img {
  filter: grayscale(1) brightness(0);
  width: 38px;
}
.identity b {
  font-size: 1.1rem;
}
.nav .identity {
  align-self: stretch;
  align-items: flex-end;
}
.nav .identity b {
  align-self: center;
}
.identity img.identity-avatar {
  width: auto;
  height: min(54px,calc(100% - 8px));
  flex: none;
  border-radius: 0;
  object-fit: contain;
  object-position: bottom;
  filter: none;
  box-shadow: none;
  margin-bottom: 0;
}
@media (max-width:700px) {
  .identity img.identity-avatar {
    height: min(46px,calc(100% - 8px));
  }
}
.nav nav {
  display: flex;
  align-items: center;
  gap: 28px;
  font-size: .86rem;
}
@media (max-width:700px) {
  .nav {
    height: 75px;
  }
  .nav nav {
    gap: 14px;
    font-size: .76rem;
  }
  .nav .identity {
    gap: 8px;
  }
  .identity b {
    font-size: .95rem;
  }
  .identity img {
    width: 30px;
  }
}
@media (max-width:500px) {
  .nav nav {
    gap: 10px;
    font-size: .72rem;
  }
}
.nav nav a[aria-current=page] {
  color: var(--accent);
  position: relative;
}
.nav nav a[aria-current=page]::after {
  content: '';
  position: absolute;
  bottom: -9px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--accent);
}
body>.nav {
  height: 72px;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 80;
  background: rgb(245 245 245 / .94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
body>.nav nav {
  display: flex;
  align-items: center;
  gap: 28px;
  font-size: .82rem;
}
body>.nav nav>a {
  position: relative;
  padding: 10px 0;
  line-height: 1.2;
  white-space: nowrap;
}
body>.nav nav>a[aria-current=page] {
  border-bottom: 0;
}
body>.nav nav>a:not(.nav-resume)[aria-current=page]:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--accent);
}
body>.nav nav>a.nav-resume {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #c2c0bc;
  padding: 10px 13px;
  margin-left: 6px;
  background: #e3e2ee;
  color: #44423e;
  transition: background .2s,border-color .2s;
}
.nav-resume svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body>.nav nav>a.nav-resume:hover {
  background: #dfdedd;
  border-color: #93918b;
}
body>.nav nav>a.nav-resume[aria-current=page] {
  background: #dfdedc;
  border-color: #8a8881;
}
@media (max-width:600px) {
  body>.nav {
    height: 64px;
  }
  body>.nav nav {
    gap: 13px;
    font-size: .72rem;
  }
  body>.nav nav>a.nav-resume {
    padding: 8px 9px;
    margin-left: 0;
    gap: 5px;
  }
  .nav-resume svg {
    width: 14px;
    height: 14px;
  }
  body>.nav .identity b {
    display: none;
  }
}
@media (max-width:760px) {
  body>.nav nav {
    gap: 12px;
  }
}
@media (max-width:440px) {
  body>.nav nav {
    gap: 9px;
    font-size: .66rem;
  }
  body>.nav nav>a.nav-resume {
    padding: 8px;
  }
  .nav-resume svg {
    display: none;
  }
}
.hero-bottom {
  justify-content: space-between;
  margin: 30px 0 42px;
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.hero-bottom p {
  max-width: 690px;
  font-size: 1.25rem;
  line-height: 1.5;
  color: var(--muted);
  margin: 0;
  margin-bottom: 0;
}
@media (max-width:700px) {
  .hero-bottom {
    margin: 23px 0 30px;
    flex-wrap: wrap;
  }
  .hero-bottom p {
    font-size: 1.08rem;
  }
}
.hero-work-button {
  display: inline-flex;
  align-items: center;
  flex: none;
  overflow: hidden;
  gap: 18px;
  background: var(--ink);
  color: #f5f5f5;
  box-shadow: none;
  padding: 15px 21px;
  border: 0;
  transition: background .25s,transform .3s;
  align-self: flex-start;
}
.hero-work-label {
  white-space: nowrap;
  font-size: .88rem;
  padding: 0;
}
.hero-work-arrow {
  display: grid;
  place-items: center;
  transition: background .3s,color .3s;
  overflow: hidden;
  background: none;
  color: inherit;
  width: 20px;
  align-self: center;
  border: 0;
}
.hero-work-arrow svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .45s cubic-bezier(.2,.75,.2,1);
  width: 19px;
  height: 19px;
}
.hero-work-button:hover svg {
  transform: translateY(3px);
}
@media (prefers-reduced-motion:reduce) {
  .hero-work-button:hover svg {
    transform: none;
  }
}
.hero-work-button:hover {
  background: #494844;
  border-color: transparent;
  box-shadow: none;
  transform: translateY(-1px);
}
.hero-work-button:hover .hero-work-arrow {
  background: none;
  color: inherit;
}
.hero-work-button:active {
  transform: translateY(0);
}
@media (prefers-reduced-motion:reduce) {
  .hero-work-button:hover {
    transform: none;
  }
}
.hero-bottom {
  flex-direction: column;
}
.hero-intro {
  display: grid;
  align-items: center;
  grid-template-columns: 1.12fr 1fr;
  gap: 35px;
  padding-top: 32px;
  padding-bottom: 20px;
  min-height: 0;
}
.hero-copy {
  position: relative;
  z-index: 1;
}
.hero-copy .hero-bottom {
  margin: 0;
  gap: 18px;
}
.hero-demo {
  min-width: 0;
  width: 100%;
  max-width: none;
  margin: 0;
}
.demo-stage {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 1500px;
  height: clamp(250px,35vh,325px);
}
.demo-stage:before {
  content: '';
  position: absolute;
  z-index: -1;
  background: radial-gradient(ellipse at 38% 42%,#cfcfd199,transparent 63%),radial-gradient(ellipse at 77% 70%,#d6d2cc70,transparent 56%);
  inset: 8% 5% 0%;
  filter: blur(22px);
}
.demo-orbit {
  position: absolute;
  height: 100px;
  border: 1px solid #c3c3c380;
  border-radius: 50%;
  z-index: -1;
  bottom: 18px;
  transform: rotate(-16deg);
  width: 94%;
  display: none;
}
.demo-phone {
  position: absolute;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  cursor: default;
  pointer-events: none;
  border-radius: 0;
  transition: none;
  filter: drop-shadow(5px 14px 10px #1a1d1b26);
  transform-style: flat;
  margin: 0;
  width: clamp(110px,14.5vh,138px);
  max-width: none;
}
.demo-phone video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12%/6%;
  background: #0a0a0a;
  box-shadow: 0 22px 30px -16px #141a1670,0 2px 4px #17191850;
  pointer-events: none;
}
.phone-caption {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: .59rem;
  letter-spacing: .055em;
  margin: 18px 12px 0;
  color: #716f6a;
  display: none;
}
.demo-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--muted);
  padding: 0 14%;
  font-size: .59rem;
  gap: 10px;
}
#demo-motion {
  border: 0;
  background: none;
  color: var(--ink);
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: .6rem;
  padding: 4px;
}
@media (max-width:900px) {
  .hero-copy {
    max-width: 650px;
  }
}
.device-shell {
  position: relative;
  background: none;
  border: 0;
  border-radius: 18.5% / 8.95%;
  box-shadow: none;
  overflow: hidden;
  backface-visibility: visible;
  transform: none;
  padding: 0;
}
.device-screen {
  position: relative;
  isolation: isolate;
  border: 0;
  background: #050506;
  border-radius: inherit;
  overflow: hidden;
  transform: none;
}
.demo-phone .device-screen video {
  pointer-events: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width:500px) {
  .phone-caption {
    font-size: .5rem;
    margin-top: 12px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .demo-phone-back,
  .demo-phone-back:hover {
    transform: rotate(-15deg) !important;
  }
}
.hero {
  padding: 18px 0 0;
}
.hero-copy .hero-bottom p {
  font-size: 1rem;
  line-height: 1.5;
  max-width: 41ch;
}
.hero-copy .hero-work-button {
  padding: 11px 17px;
}
.hero-copy .hero-work-label {
  font-size: .78rem;
}
.demo-phone-back,
.demo-phone-back:hover {
  left: 18%;
  top: 9px;
  transform: rotateX(6deg) rotateY(18deg) rotateZ(-20deg);
}
@media (max-width:900px) {
  .hero-intro {
    grid-template-columns: 1.12fr 1fr;
    gap: 15px;
    padding-bottom: 20px;
  }
  .hero-copy .hero-bottom p {
    font-size: .9rem;
  }
  .demo-stage {
    height: 280px;
  }
  .demo-phone {
    width: 116px;
  }
  .demo-phone-back,
  .demo-phone-back:hover {
    left: 10%;
    top: 5px;
  }
  .demo-caption {
    padding: 0;
    font-size: .54rem;
  }
}
@media (max-width:560px) {
  .hero {
    padding-top: 20px;
  }
  .hero-intro {
    grid-template-columns: 1.4fr 1fr;
    gap: 9px;
    padding-top: 0;
    padding-bottom: 22px;
  }
  .hero-copy .hero-bottom p {
    font-size: .8rem;
    line-height: 1.5;
  }
  .hero-copy .hero-bottom {
    gap: 15px;
  }
  .hero-copy .hero-work-button {
    padding: 10px 12px;
    gap: 7px;
  }
  .hero-copy .hero-work-label {
    font-size: .65rem;
  }
  .hero-work-arrow svg {
    width: 14px;
    height: 14px;
  }
  .demo-stage {
    height: 245px;
  }
  .demo-phone {
    width: 85px;
  }
  .demo-phone-back,
  .demo-phone-back:hover {
    left: 0;
    top: 16px;
    transform: rotateY(12deg) rotateZ(-16deg);
  }
  .demo-caption {
    justify-content: flex-end;
    padding: 0;
  }
}
.single-demo .demo-stage {
  height: clamp(295px,39vh,355px);
  perspective: 1000px;
}
.single-demo .demo-phone-back,
.single-demo .demo-phone-back:hover {
  max-width: none;
  left: 50%;
  right: auto;
  will-change: transform;
  transform: translateX(-50%) translateY(var(--phone-rise,0px)) rotateX(var(--phone-x,-7deg)) rotateY(var(--phone-y,-20deg)) rotateZ(var(--phone-z,15deg));
  width: clamp(185px,23vh,215px);
}
.single-demo .demo-caption {
  font-size: .61rem;
  position: absolute;
  padding: 0;
  right: 0;
  top: 0;
  justify-content: flex-end;
}
@media (max-width:900px) {
  .single-demo .demo-stage {
    height: 310px;
  }
}
@media (max-width:560px) {
  .single-demo .demo-stage {
    height: 250px;
  }
  .single-demo .demo-phone-back,
  .single-demo .demo-phone-back:hover {
    left: 50%;
  }
}
@media (prefers-reduced-motion:reduce) {
  .single-demo .demo-phone-back,
  .single-demo .demo-phone-back:hover {
    will-change: auto;
    transform: translateX(-50%) rotateX(var(--phone-x,-7deg)) rotateY(var(--phone-y,-20deg)) rotateZ(var(--phone-z,15deg)) !important;
  }
}
.hero:has(.single-demo),
.hero:has(.single-demo) .hero-intro {
  overflow: visible;
}
.single-demo {
  position: relative;
  z-index: 2;
}
.single-demo .demo-phone-back,
.single-demo .demo-phone-back:hover {
  top: 12px;
}
@media (max-width:900px) {
  .single-demo .demo-phone-back,
  .single-demo .demo-phone-back:hover {
    width: 185px;
  }
}
@media (max-width:560px) {
  .single-demo .demo-phone-back,
  .single-demo .demo-phone-back:hover {
    width: 132px;
    top: 22px;
  }
  .single-demo .demo-caption {
    right: 0;
    top: -10px;
  }
}
.single-demo .device-shell,
.single-demo .device-screen {
  width: 100%;
  padding: 0;
  border: 0;
  transform: none;
}
.single-demo .device-screen video {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  transform: none;
}
.hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.hero-copy .hero-actions .hero-work-button {
  margin: 0;
}
.hero-all-work {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px 17px;
  border: 1px solid #bfbeba;
  color: #474642;
  background: transparent;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.2;
  transition: background .2s,border-color .2s;
}
.hero-all-work svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .25s;
}
.hero-all-work:hover {
  background: #e5e4e2;
  border-color: #8e8b84;
}
.hero-all-work:hover svg {
  transform: translateX(3px);
}
.hero-all-work:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
@media (max-width:560px) {
  .hero-all-work {
    font-size: .65rem;
    padding: 10px 12px;
    gap: 7px;
  }
  .hero-all-work svg {
    width: 14px;
    height: 14px;
  }
}
.hero-copy .hero-actions .hero-work-button,
.hero-copy .hero-all-work {
  gap: 0;
  padding: 10px 15px;
}
@media (max-width:560px) {
  .hero-copy .hero-actions .hero-work-button,
  .hero-copy .hero-all-work {
    padding: 9px 12px;
  }
}
.single-demo .hero-blueprint {
  position: absolute;
  width: 125%;
  max-width: 670px;
  height: auto;
  left: 50%;
  top: 49%;
  transform: translate(-50%,-42%);
  z-index: -1;
  pointer-events: none;
  overflow: visible;
  stroke: url(#blueprint-fade);
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: blueprint-breathe 14s ease-in-out infinite;
}
@keyframes blueprint-breathe {
  0%, 100% { opacity: 0; }
  20%, 65% { opacity: .65; }
  85% { opacity: .2; }
}
@media (max-width:560px) {
  .single-demo .hero-blueprint {
    width: 160%;
    top: 55%;
    opacity: .5;
  }
}
@media (prefers-reduced-motion:reduce) {
  .single-demo .hero-blueprint {
    animation: none;
    opacity: .3;
    transform: translate(-50%,-42%) !important;
  }
}
.single-demo .hero-blueprint.blueprint-plan {
  left: 50%;
  height: auto;
  stroke-width: .85;
  z-index: -1;
  transform: translate(-50%,-44%) translateY(var(--plan-drift,0px)) perspective(1100px) rotateX(var(--plan-tilt,32deg)) rotateZ(var(--plan-turn,-13deg));
  transform-origin: 50% 48%;
  will-change: transform;
  animation: none;
  opacity: .5;
  stroke: #537fa4;
  color: #537fa4;
  width: 150%;
  max-width: 770px;
  pointer-events: none;
  top: 33%;
}
.blueprint-plan .plan-grid {
  opacity: .14;
  stroke-width: .45;
}
.blueprint-plan .plan-walls {
  stroke-width: 1.4;
  opacity: .9;
}
.blueprint-plan .plan-openings {
  opacity: .8;
  stroke-width: .8;
}
.blueprint-plan .plan-furniture {
  opacity: .65;
  stroke-width: .7;
}
.blueprint-plan .plan-dimensions {
  opacity: .55;
  stroke-width: .55;
}
.blueprint-plan .plan-labels {
  opacity: .65;
}
@media (prefers-reduced-motion:reduce) {
  .single-demo .hero-blueprint.blueprint-plan {
    transform: translate(-50%,-44%) perspective(1100px) rotateX(32deg) rotateZ(-13deg) !important;
    will-change: auto;
  }
}
.phone-project-note {
  position: absolute;
  left: 0;
  bottom: 25px;
  max-width: 145px;
  color: #5e5c57;
  pointer-events: none;
}
.phone-project-note:before {
  content: '';
  display: block;
  width: 22px;
  height: 2px;
  background: #9f9d99;
  margin-bottom: 9px;
}
.phone-project-note>span {
  display: block;
  font-size: .66rem;
  font-weight: 600;
  line-height: 1.3;
}
.phone-project-note>small {
  display: block;
  font-size: .57rem;
  line-height: 1.4;
  color: var(--muted);
  margin-top: 4px;
}
@media (max-width:900px) {
  .phone-project-note {
    left: 0;
    bottom: 0;
    max-width: 110px;
  }
}
@media (max-width:560px) {
  .phone-project-note {
    bottom: -45px;
    left: 0;
    max-width: 100px;
  }
  .phone-project-note>span {
    font-size: .56rem;
  }
  .phone-project-note>small {
    font-size: .5rem;
  }
}
.blueprint-plan .plan-ink {
  animation: none;
  clip-path: none;
}
.blueprint-plan .plan-trace {
  stroke-width: 1.9;
  opacity: .85;
  stroke: #2f648f;
}
.blueprint-plan .plan-trace path {
  stroke-dasharray: 140 860;
  stroke-dashoffset: 0;
  animation: plan-perimeter-trace 14s linear infinite;
}
@keyframes plan-perimeter-trace {
  to { stroke-dashoffset: -1000; }
}
@media (prefers-reduced-motion:reduce) {
  .blueprint-plan .plan-trace path {
    animation: none;
    stroke-dasharray: none;
  }
  .blueprint-plan .plan-trace {
    opacity: .3;
  }
}
.single-demo .phone-project-note {
  left: auto;
  max-width: 135px;
  padding: 10px 0 10px 12px;
  top: 55%;
  bottom: auto;
  transform: translateY(-50%);
  right: 0;
  background: none;
  border: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease,visibility .3s;
  z-index: 4;
  pointer-events: auto;
}
.single-demo .phone-project-note:before {
  display: none;
}
.single-demo .phone-project-note>span {
  font-size: .67rem;
  color: #4e4d48;
}
.single-demo .phone-project-note>small {
  font-size: .56rem;
  line-height: 1.5;
  margin-top: 5px;
}
@media (max-width:900px) {
  .single-demo .phone-project-note {
    max-width: 105px;
    top: 55%;
    right: -5px;
  }
}
@media (max-width:560px) {
  .single-demo .phone-project-note {
    max-width: 125px;
    padding: 6px 0 6px 8px;
    top: auto;
    bottom: -58px;
    right: 0;
    transform: none;
  }
  .single-demo .phone-project-note>span {
    font-size: .57rem;
  }
  .single-demo .phone-project-note>small {
    font-size: .49rem;
  }
  .single-demo .hero-blueprint.blueprint-plan {
    width: 190%;
    max-width: none;
  }
}
@media (min-width:561px) {
  .single-demo .phone-project-note {
    top: 62%;
  }
}
.single-demo .phone-project-note {
  padding-left: 0;
}
.single-demo:has(.demo-stage:hover) .phone-project-note,
.single-demo:focus-within .phone-project-note {
  opacity: 1;
  visibility: visible;
}
@media (hover:none) {
  .single-demo .phone-project-note {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion:reduce) {
  .single-demo .phone-project-note {
    transition: none;
  }
}
.single-demo .demo-phone,
.single-demo .demo-phone:hover {
  pointer-events: auto;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  transform-style: preserve-3d;
  filter: none;
  overflow: visible;
}
.single-demo .demo-phone:focus-visible {
  outline: 2px solid #838078;
  outline-offset: 8px;
  border-radius: 18% / 9%;
}
.single-demo .device-shell {
  transform-style: preserve-3d;
  overflow: visible;
  isolation: auto;
  backface-visibility: visible;
}
.single-demo .device-screen {
  transform: translateZ(.3px);
  backface-visibility: hidden;
}
.single-demo .device-depth {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  transform: translateZ(calc(-1 * var(--device-depth,21px) * var(--depth-step)));
  background: linear-gradient(115deg,#6b6e70 0%,#303335 13%,hsl(210 4% var(--edge-light)) 45%,#151719 75%,#44484b 100%);
  box-shadow: inset 0 0 0 .6px #92959770;
  backface-visibility: visible;
}
.single-demo .device-rear {
  background: linear-gradient(130deg,#373a3d,#181b1d);
  box-shadow: inset 0 0 0 1px #737373,2px 4px 3px rgb(20 22 21 / .12),var(--phone-shadow-x,10px) var(--phone-shadow-y,21px) var(--phone-shadow-blur,14px) rgb(20 22 21 / var(--phone-shadow-alpha,.24));
}
.hero-title-line {
  display: block;
}
@media (prefers-reduced-motion:no-preference) {
  .single-demo .demo-phone {
    animation: phone-arrival 2100ms cubic-bezier(.22,.68,.16,1) both,phone-arrival-bank 2300ms cubic-bezier(.22,.8,.25,1) both;
  }
  .hero-copy>.eyebrow,
  .hero-copy .hero-title-line,
  .hero-copy .hero-bottom>p,
  .hero-copy .hero-actions>a {
    mask-image: linear-gradient(90deg,#000 29%,rgb(0 0 0 / .94) 38%,rgb(0 0 0 / .5) 50%,rgb(0 0 0 / .06) 62%,transparent 71%);
    mask-size: 350% 100%;
    mask-repeat: no-repeat;
    animation: hero-wipe 1550ms cubic-bezier(.2,.65,.22,1) both,hero-slide 1550ms cubic-bezier(.2,.65,.22,1) both;
  }
  .hero-copy .hero-title-line:first-child {
    animation-delay: 190ms;
  }
  .hero-copy .hero-bottom>p {
    animation-delay: 370ms;
  }
  .hero-copy .hero-actions>a:first-child {
    animation-delay: 460ms;
  }
  .hero-copy .hero-actions>a:nth-child(2) {
    animation-delay: 520ms;
  }
  .hero-copy:has(:focus-visible) .eyebrow,
  .hero-copy:has(:focus-visible) .hero-title-line,
  .hero-copy:has(:focus-visible) .hero-bottom>p,
  .hero-copy:has(:focus-visible) .hero-actions>a {
    animation: none;
    mask-image: none;
  }
  html.intro-hold .single-demo .demo-phone,
  html.intro-hold .hero-copy>.eyebrow,
  html.intro-hold .hero-copy .hero-title-line,
  html.intro-hold .hero-copy .hero-bottom>p,
  html.intro-hold .hero-copy .hero-actions>a,
  html.intro-hold .blueprint-plan,
  html.intro-hold .blueprint-plan *,
  html.intro-hold .single-demo .hero-blueprint.blueprint-plan,
  html.intro-hold .single-demo .blueprint-plan * {
    animation-play-state: paused;
  }
}
@media (prefers-reduced-motion:no-preference) and (max-width:700px) {
  html:not(.hero-slow) .single-demo .demo-phone {
    animation: phone-arrival 950ms cubic-bezier(.22,.68,.16,1) both,phone-arrival-bank 1050ms cubic-bezier(.22,.8,.25,1) both;
  }
  html:not(.hero-slow) .hero-copy>.eyebrow,
  html:not(.hero-slow) .hero-copy .hero-title-line,
  html:not(.hero-slow) .hero-copy .hero-bottom>p,
  html:not(.hero-slow) .hero-copy .hero-actions>a {
    mask-image: none;
    animation: hero-rise 520ms cubic-bezier(.2,.7,.2,1) both;
  }
  html:not(.hero-slow) .hero-copy .hero-title-line:first-child { animation-delay: 220ms; }
  html:not(.hero-slow) .hero-copy .hero-bottom>p { animation-delay: 340ms; }
  html:not(.hero-slow) .hero-copy .hero-actions>a:first-child { animation-delay: 400ms; }
  html:not(.hero-slow) .hero-copy .hero-actions>a:nth-child(2) { animation-delay: 440ms; }
}
@keyframes hero-rise {
  from { opacity: 0; translate: 0 14px; }
}
@keyframes phone-arrival {
  from { translate: calc(-78vw - 240px) -46px -150px; }
  to { translate: 0 0 0; }
}
@keyframes phone-arrival-bank {
  from { rotate: -10deg; }
  to { rotate: 0deg; }
}
@keyframes hero-wipe {
  from { mask-position: 100% 0; }
  to { mask-position: 0 0; }
}
@keyframes hero-slide {
  from { opacity: .2; translate: -18px 0; }
  to { opacity: 1; translate: 0 0; }
}
.single-demo:has(.phone-project-note:hover) .phone-project-note {
  opacity: 1;
  visibility: visible;
}
.phone-project-link {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-top: 7px;
  font-size: .62rem;
  font-weight: 600;
  color: #3e3d39;
  text-decoration: underline;
  text-decoration-color: #a8a6a1;
  text-underline-offset: 4px;
  transition: color .2s ease,text-decoration-color .2s ease;
}
.phone-project-link:hover {
  color: #242321;
  text-decoration-color: currentColor;
}
.phone-project-link:focus-visible {
  outline: 2px solid #838078;
  outline-offset: 4px;
  border-radius: 3px;
}
@media (hover:none) {
  .phone-project-link {
    min-height: 44px;
  }
}
@media (prefers-reduced-motion:no-preference) {
  .single-demo .hero-blueprint.blueprint-plan {
    animation: blueprint-settle 2600ms cubic-bezier(.2,.62,.22,1) backwards;
  }
}
@keyframes blueprint-settle {
  from {
    transform: translate(-50%,-44%) translateY(var(--plan-drift,0px)) perspective(1100px) rotateX(calc(var(--plan-tilt,32deg) - 10deg)) rotateZ(calc(var(--plan-turn,-13deg) + 3deg));
    scale: 1.05;
  }
}
@media (prefers-reduced-motion:no-preference) {
  .hero-copy .hero-actions>a {
    mask-image: none;
    animation-name: hero-button-arrival;
    animation-duration: 850ms;
    animation-timing-function: cubic-bezier(.22,1,.36,1);
  }
}
@keyframes hero-button-arrival {
  from { opacity: 0; translate: -14px 0; scale: .98; }
  to { opacity: 1; translate: 0 0; scale: 1; }
}
@media (prefers-reduced-motion:no-preference) {
  .blueprint-plan .plan-grid {
    animation: blueprint-grid 900ms cubic-bezier(.3,0,.25,1) backwards;
  }
  .blueprint-plan .plan-draw-line {
    animation: blueprint-draft var(--draw-time,500ms) var(--draw-ease,ease) var(--draw-delay,950ms) backwards;
    stroke-dasharray: 1 2;
    stroke-dashoffset: 0;
  }
  .blueprint-plan .plan-ink text {
    animation: blueprint-lettering 550ms cubic-bezier(.25,.6,.3,1) var(--draw-delay,2150ms) backwards;
  }
  .blueprint-plan .plan-trace {
    display: none;
  }
}
@keyframes blueprint-grid {
  from { opacity: 0; }
}
@keyframes blueprint-draft {
  from { stroke-dashoffset: 1.002; }
}
@keyframes blueprint-lettering {
  from { opacity: 0; }
}
@media (prefers-reduced-motion:no-preference) {
  .blueprint-plan:not(.blueprint-ready) {
    visibility: hidden;
  }
}
.blueprint-plan.blueprint-drawn .plan-draw-line {
  animation: none;
}
.blueprint-plan.blueprint-drawn .plan-ink text {
  animation: none;
  opacity: 1;
}
.featured {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 52px 30px;
}
.feature {
  display: flex;
  flex-direction: column;
  min-width: 0;
  transition: border-color .35s,box-shadow .45s,transform .45s cubic-bezier(.22,1,.36,1);
}
.feature-image {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  background: #202b2e;
  aspect-ratio: var(--card-ratio-featured);
}
.feature-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: none;
  pointer-events: none;
  z-index: 2;
}
.feature-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .8s cubic-bezier(.2,.7,.2,1);
}
.feature:hover:where(:not(.no-hover *)) img {
  transform: scale(1.035);
}
.read-story {
  position: absolute;
  right: 16px;
  bottom: 16px;
  padding: 8px 13px;
  border-radius: 4px;
  background: #f6f3f7ef;
  color: #2d2c2a;
  font-size: .75rem;
  z-index: 1;
  transform: translateY(5px);
  opacity: 0;
  transition: opacity .3s,transform .4s;
}
.feature:hover:where(:not(.no-hover *)) .read-story,
.feature:focus-visible .read-story {
  opacity: 1;
  transform: none;
}
.feature-meta {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin: 19px 0 12px;
  color: var(--muted);
  font-size: .72rem;
}
.feature-meta span:last-child {
  white-space: nowrap;
}
@media (max-width:700px) {
  .featured {
    gap: 35px;
    grid-template-columns: 1fr;
  }
  .read-story {
    opacity: 1;
    transform: none;
  }
}
.feature-tags {
  margin-top: auto;
  margin-bottom: 14px;
}
.feature-image .project-number,
.feature-image .read-story {
  z-index: 3;
}
@media (max-width:560px) {
  .featured {
    gap: 28px;
  }
}
.work-title-highlight {
  padding: 0 .055em;
  margin: 0 -.055em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-image: linear-gradient(#e8a3c6,#e8a3c6);
  background-repeat: no-repeat;
  background-position: 0 65%;
  background-size: 0% 94%;
  transition: background-size .48s cubic-bezier(.22,1,.36,1);
  color: inherit;
}
@media (prefers-reduced-motion:reduce) {
  .work-title-highlight {
    transition: none;
  }
}
.mini-project .work-title-highlight {
  background: none;
  padding: 0;
  margin: 0;
}
.feature .feature-image {
  aspect-ratio: var(--card-ratio-featured);
  border-radius: 8px;
  overflow: hidden;
}
.feature .project-number {
  top: 12px;
  left: 16px;
  font-size: .7rem;
  text-shadow: 0 1px 8px #0009;
}
.feature .read-story {
  display: none;
}
.feature-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px 0 0;
}
.feature .feature-meta {
  margin: 0 0 13px;
  align-items: baseline;
  margin-bottom: 12px;
  gap: 18px;
}
.feature .feature-meta span:first-child {
  font-weight: 600;
  color: #5e5c57;
}
.feature .feature-meta span:last-child {
  white-space: normal;
  text-align: right;
}
.feature .work-title-highlight {
  background: none;
  transition: background-size .48s cubic-bezier(.22,1,.36,1);
  padding: 0 .055em;
  margin: 0 -.055em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-repeat: no-repeat;
  background-position: 0 65%;
  background-size: 0% 94%;
  background-image: linear-gradient(var(--photo-highlight,#b6b6b6),var(--photo-highlight,#b6b6b6));
}
.feature-content>p {
  font-size: .93rem;
  color: var(--muted);
  line-height: 1.55;
  margin: 0 0 22px;
  max-width: 51ch;
}
@media (max-width:680px) {
  .feature .feature-image {
    aspect-ratio: 2.3;
  }
  .feature-content>p {
    font-size: .9rem;
  }
}
.feature,
.feature:hover:where(:not(.no-hover *)) {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  overflow: visible;
}
.feature .role>.feature-action {
  display: inline-flex;
  width: auto;
  border: 1px solid #343330;
  transform: none;
  align-self: center;
  position: relative;
  isolation: isolate;
  flex: none;
  gap: 0;
  overflow: hidden;
  font-size: var(--card-meta);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  height: auto;
  min-height: 38px;
  padding: 10px 16px;
  box-shadow: none;
  white-space: nowrap;
}
.feature:hover:where(:not(.no-hover *)) .role>.feature-action,
.feature:focus-visible .role>.feature-action {
  transform: none;
}
@media (max-width:680px) {
  .feature-content {
    padding: 18px 0 0;
  }
}
.feature-action svg {
  width: 17px;
  height: 17px;
  flex: none;
  transition: transform .3s;
}
.feature:hover:where(:not(.no-hover *)) .feature-action svg {
  transform: translate(1px,-1px);
}
.feature .feature-content>.feature-meta,
.feature .feature-content>h3,
.feature .feature-content>p,
.feature .feature-content>.feature-tags {
  transition: transform 380ms cubic-bezier(.22,1,.36,1);
}
#work>.selected-work-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding: calc(30px + var(--space-section)) 0 26px;
  max-width: 58%;
  border-top: 0;
}
#work .selected-work-title {
  display: flex;
  align-items: center;
  gap: 14px;
}
#work .selected-work-title h2 {
  font-size: clamp(1.7rem,2.8vw,2.35rem);
  line-height: 1.1;
  margin: 0;
  letter-spacing: -.035em;
}
#work .selected-work-count {
  align-self: center;
}
#work>.selected-work-heading>p {
  font-size: .9rem;
  line-height: 1.5;
  max-width: 42ch;
  margin: 0;
  color: var(--muted);
}
@media (max-width:560px) {
  #work>.selected-work-heading {
    max-width: 68%;
    padding: 24px 0 24px;
    gap: 9px;
  }
  #work .selected-work-title {
    gap: 10px;
  }
  #work .selected-work-title h2 {
    font-size: 1.65rem;
  }
  #work>.selected-work-heading>p {
    font-size: .8rem;
  }
}
@media (hover:hover) {
  .feature:hover:where(:not(.no-hover *)) .work-title-highlight {
    background-size: 100% 94%;
  }
}
.feature:focus-visible .work-title-highlight {
  background-size: 100% 94%;
}
@media (prefers-reduced-motion:reduce) {
  .feature .work-title-highlight {
    transition: none;
  }
}
.feature .feature-content {
  position: relative;
  isolation: isolate;
  padding-top: 16px;
}
#work .selected-work-count,
.feature .feature-image .project-number {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 38px;
  min-width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #c8c7c5;
  background: #f4f1e8;
  color: #6a6861;
  font-size: .84rem;
  line-height: 1;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
  text-shadow: none;
  backdrop-filter: none;
}
.feature .feature-image .project-number {
  top: 14px;
  left: 14px;
  z-index: 8;
  opacity: 1;
  pointer-events: none;
  border: 2px solid #fff;
  box-shadow: 0 3px 12px #18181838,0 0 0 1px #2a2a2a1a;
  letter-spacing: 0;
  background: var(--photo-badge,#494743);
  color: #fff;
  border-color: #fff;
}
@media (max-width:560px) {
  #work .selected-work-count,
  .feature .feature-image .project-number {
    width: 32px;
    min-width: 32px;
    height: 32px;
    font-size: .74rem;
  }
  .feature .feature-image .project-number {
    top: 10px;
    left: 10px;
  }
}
.feature .feature-tags {
  margin-bottom: 0;
  align-items: center;
  margin-top: 0;
  gap: 16px 26px;
}
@media (max-width:560px) {
  .feature .feature-content {
    padding-top: 14px;
  }
}
.feature .role>.feature-action::after {
  content: '';
  position: absolute;
  pointer-events: none;
  inset: -45% auto -45% -65%;
  transform: skewX(-22deg) translateX(0);
  opacity: 0;
  left: -90%;
  width: 70%;
  background: linear-gradient(90deg,transparent 0%,rgb(255 255 235 / .012) 18%,rgb(255 255 235 / .035) 36%,rgb(255 255 235 / .065) 50%,rgb(255 255 235 / .035) 64%,rgb(255 255 235 / .012) 82%,transparent 100%);
}
@media (prefers-reduced-motion:reduce) {
  .feature .role>.feature-action::after {
    display: none;
    animation: none !important;
  }
}
.feature .feature-image .project-number {
  width: 46px;
  min-width: 46px;
  height: 46px;
  font-size: 1rem;
  font-weight: 800;
}
@media (max-width:560px) {
  .feature .feature-image .project-number {
    width: 39px;
    min-width: 39px;
    height: 39px;
    font-size: .9rem;
  }
}
@media (hover:hover) {
  .feature:hover:where(:not(.no-hover *)) .feature-action::after {
    animation: project-action-sweep 1200ms cubic-bezier(.45,0,.25,1) 80ms both;
  }
}
.feature:focus-visible .feature-action::after {
  animation: project-action-sweep 1200ms cubic-bezier(.45,0,.25,1) both;
}
@keyframes project-action-sweep {
  0% { transform: skewX(-22deg) translateX(0); opacity: 0; }
  25% { opacity: .8; }
  65% { opacity: .8; }
  100% { transform: skewX(-22deg) translateX(310%); opacity: 0; }
}
@media (hover:hover) {
  .feature:hover:where(:not(.no-hover *)) .feature-action::after {
    animation-delay: 0ms;
  }
}
.feature:focus-visible .feature-action::after {
  animation-delay: 0ms;
}
@keyframes tag-current {
  from { transform: rotate(-24deg); }
  to { transform: rotate(336deg); }
}
.feature .feature-meta,
.feature .feature-meta span:last-child {
  font-size: var(--card-meta);
  line-height: 1.4;
  color: var(--card-muted);
  letter-spacing: 0;
  font-weight: 500;
}
@media (max-width:560px) {
  .feature .feature-tags {
    gap: 16px 22px;
  }
}
@media (min-width:701px) {
  @supports (grid-template-rows:subgrid) {
    .featured {
      align-items: stretch;
      row-gap: 0;
    }
    .featured>.feature {
      display: grid;
      grid-row: span 6;
      grid-template-rows: subgrid;
      row-gap: 0;
      min-width: 0;
    }
    .featured>.feature>.feature-image {
      align-self: start;
      width: 100%;
    }
    .featured>.feature>.feature-content {
      display: grid;
      grid-row: span 5;
      grid-template-rows: subgrid;
      row-gap: 0;
      min-width: 0;
    }
    .feature .feature-meta,
    .feature h3,
    .feature .feature-content>p {
      align-self: start;
    }
    .feature .feature-tags {
      align-self: start;
    }
  }
}
.feature,
.mini-project {
  --photo-badge: #494743;
  --photo-highlight: #b6b6b6;
}
.featured>.feature,
.featured>.feature:hover:where(:not(.no-hover *)) {
  padding-bottom: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}
.featured {
  column-gap: 44px;
}
@media (min-width:1180px) {
  .featured {
    grid-template-columns: repeat(3,minmax(0,1fr));
    column-gap: 36px;
  }
}
.featured>.feature>.feature-image {
  border-radius: 10px;
  overflow: hidden;
}
.featured>.feature>.feature-content {
  padding: 22px 8px 0;
}
@media (min-width:701px) {
  .featured>.feature {
    margin-bottom: 64px;
  }
}
@media (max-width:700px) {
  .featured {
    row-gap: 48px;
    column-gap: 0;
  }
  .featured>.feature {
    margin-bottom: 0;
  }
  .featured>.feature>.feature-content {
    padding: 19px 4px 0;
  }
}
.has-liquid-headline {
  position: relative;
  isolation: isolate;
}
.feature .has-liquid-headline .work-title-highlight {
  position: relative;
  z-index: 1;
  background: none !important;
}
.headline-ink {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease;
  z-index: 0;
}
@media (prefers-reduced-motion:reduce) {
  .headline-ink {
    transition: none;
  }
}
.feature .feature-content>h3 {
  max-width: none;
  text-wrap: balance;
}
@media (max-width:500px) {
  .feature .headline-break {
    display: none;
  }
}
.feature .feature-meta>span:first-child {
  color: var(--ink);
  font-weight: 600;
}
@keyframes image-soft-light {
  from { transform: translateX(-61.5385%); }
  to { transform: none; }
}
.industry-focus {
  margin-top: 40px;
  border-block: 1px solid var(--line);
  padding: 26px 0 22px;
}
.focus-heading {
  text-align: center;
}
.focus-heading #focus-title {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
  font-family: var(--font-site);
  font-weight: 800;
  font-size: clamp(1.25rem,2vw,1.65rem);
  line-height: 1.2;
  letter-spacing: -.035em;
  color: var(--ink);
  gap: 10px 22px;
}
.focus-heading #focus-title span {
  display: flex;
  align-items: center;
  gap: 22px;
}
.focus-heading #focus-title span:before {
  content: '';
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background: var(--accent);
  opacity: .65;
}
.focus-logo-grid {
  align-items: center;
  justify-items: center;
  display: grid;
  max-width: 1000px;
  grid-template-columns: repeat(6,minmax(0,1fr));
  grid-auto-rows: 64px;
  gap: 22px 34px;
  margin: 34px auto 30px;
  padding: 0 20px;
}
.focus-logo {
  width: 100%;
  display: grid;
  place-items: center;
  min-width: 0;
}
.focus-logo img {
  display: block;
  object-fit: contain;
  width: 82px;
  height: 25px;
  max-width: 100%;
}
@media (max-width:500px) {
  .industry-focus {
    margin-top: 30px;
  }
}
.focus-logo .focus-boa {
  width: 105px;
  height: 22px;
}
.focus-logo .focus-hsbc {
  width: 83px;
  height: 23px;
}
.focus-logo .focus-toyota {
  width: 49px;
  height: 39px;
}
.focus-logo .focus-suntrust {
  width: 77px;
  height: 31px;
}
.focus-logo .focus-google {
  width: 80px;
  height: 28px;
}
.focus-logo .focus-exxon {
  width: 92px;
  height: 24px;
}
.focus-logo .focus-harris {
  width: 81px;
  height: 25px;
}
.focus-logo .focus-nba {
  width: 43px;
  height: 43px;
}
.focus-logo .focus-citizens {
  width: 102px;
  height: 26px;
}
.focus-logo .focus-ama {
  width: 75px;
  height: 31px;
}
.focus-logo .focus-weatherford {
  width: 69px;
  height: 39px;
}
.focus-logo .focus-microsoft {
  width: 85px;
  height: 24px;
}
.focus-logo .focus-trane {
  width: 83px;
  height: 27px;
}
.focus-logo .focus-reuters {
  width: 81px;
  height: 25px;
}
.focus-logo .focus-davita {
  width: 78px;
  height: 30px;
}
.focus-logo,
.focus-logo:nth-child(10) {
  grid-column: auto;
  height: 64px;
}
.focus-logo:nth-child(13) {
  grid-column: 2;
}
@media (max-width:800px) {
  .focus-logo-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 20px 28px;
    padding: 0 12px;
    max-width: 620px;
  }
  .focus-logo:nth-child(13) {
    grid-column: auto;
  }
}
@media (max-width:420px) {
  .focus-logo-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px 20px;
    padding: 0;
  }
  .focus-logo:last-child {
    grid-column: 2;
  }
}
@media (max-width:900px) {
  .industry-focus {
    margin-top: 20px;
  }
}
main>.industry-focus {
  margin: 45px 0 12px;
  border-top: 0;
  padding-top: 30px;
  border-bottom: 0;
  padding-bottom: 12px;
}
.focus-logo img,
.focus-logo .focus-hsbc {
  filter: brightness(0);
  opacity: .57;
  mix-blend-mode: normal;
}
@media (max-width:500px) {
  .focus-heading #focus-title {
    font-size: 1rem;
    gap: 8px 12px;
  }
  .focus-heading #focus-title span {
    gap: 12px;
  }
}
@media (max-width:500px) {
}
@media (prefers-reduced-motion:reduce),(pointer:coarse) {
}
.logo-motion-stage .focus-logo:is(:hover,.is-hot) img {
  filter: grayscale(0) brightness(1);
  opacity: 1;
}
@media (prefers-reduced-motion:reduce) {
  .logo-motion-stage:before {
    transform: none;
  }
}
main>.industry-focus::after {
  content: '';
  display: block;
  width: min(360px,64%);
  height: 1px;
  margin: 0 auto;
  background: linear-gradient(90deg,transparent,#c4c3c0 25%,#c4c3c0 75%,transparent);
}
@media (max-width:500px) {
}
@media (hover:hover) and (pointer:fine) {
  .logo-motion-stage .focus-logo:is(:hover,.is-hot) {
    z-index: 2;
  }
  .logo-motion-stage .focus-logo:is(:hover,.is-hot) img {
    transform: none;
    transition: filter .35s ease,opacity .25s ease;
  }
}
@media (prefers-reduced-motion:reduce) {
  .logo-motion-stage .focus-logo img,
  .logo-motion-stage .focus-logo:hover img {
    transition: none;
    transform: none;
  }
}
.more-section {
  padding-top: 20px;
}
.more-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 25px;
}
.work-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.work-filters button {
  border: 1px solid var(--line);
  background: none;
  color: var(--muted);
  padding: 7px 15px;
  font-size: .78rem;
}
.work-filters button[aria-pressed=true] {
  background: var(--ink);
  color: var(--bg);
  border-color: var(--ink);
}
#more-count {
  white-space: nowrap;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  padding-left: 18px;
  border-left: 1px solid var(--line);
}
.more-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
}
.mini-project {
  padding: 0;
  text-align: left;
  color: var(--ink);
  display: flex;
  flex-direction: column;
  position: relative;
}
.mini-photo {
  position: relative;
  height: 150px;
  overflow: hidden;
}
.mini-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s;
}
.mini-project:hover:where(:not(.no-hover *)) img {
  transform: scale(1.035);
}
.mini-body {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.mini-body p {
  font-size: .84rem;
  line-height: 1.5;
  color: var(--muted);
  margin: 0 0 18px;
}
.mini-body small {
  font-size: .66rem;
  color: var(--muted);
  margin-top: auto;
  padding-right: 18px;
}
@media (max-width:800px) {
  .more-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width:500px) {
  .more-grid {
    gap: 12px;
  }
  .mini-photo {
    height: 105px;
  }
  .mini-body p {
    font-size: .76rem;
  }
  .mini-body small {
    font-size: .6rem;
  }
  .more-toolbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
  .work-filters {
    gap: 6px;
  }
  .work-filters button {
    padding: 6px 11px;
    font-size: .72rem;
  }
}
.mini-tags {
  margin-top: auto;
  padding-right: 17px;
  min-height: 26px;
}
@media (max-width:500px) {
  .mini-tags {
    padding-right: 12px;
  }
}
#more-grid {
  position: relative;
  overflow-anchor: none;
  align-content: start;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 36px 24px;
}
@media (hover:hover) and (pointer:fine) {
  #more-grid:not(.is-rearranging) .mini-project:hover:where(:not(.no-hover *)) {
    z-index: 1;
  }
}
.mini-open svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 14px;
  height: 14px;
  transition: transform .35s cubic-bezier(.22,1,.36,1);
}
.mini-project .mini-tags {
  min-height: 38px;
  grid-template-columns: 1fr;
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px 22px;
  padding: 0 0 18px;
  border-bottom: 0;
}
@media (hover:hover) {
  #more-grid .mini-project:hover:where(:not(.no-hover *)) .mini-photo>img {
    transform: none;
  }
}
.mini-project:hover:where(:not(.no-hover *)) .mini-open,
.mini-project:focus-visible .mini-open {
  translate: none;
  background: #363532;
  color: #fff;
  border: 0;
  box-shadow: 0 3px 8px #27272714;
}
.mini-project:hover:where(:not(.no-hover *)) .mini-open svg {
  transform: translate(1px,-1px);
}
@media (prefers-reduced-motion:reduce) {
  .mini-project:hover:where(:not(.no-hover *)) .mini-open svg {
    transform: none;
  }
}
.mini-body>.mini-card-footer {
  display: flex;
  flex-direction: column;
  margin: 8px -20px -20px;
  flex: 0 0 auto;
  margin-top: auto;
  padding: 0;
  gap: 0;
  border-top: 1px solid #dedddb;
  justify-content: flex-start;
  background: #f6f6f5;
  border-top-color: #e0dfde;
}
.mini-project .mini-card-footer .mini-tags {
  border: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 0;
  margin: 0;
  padding: 0;
  min-height: 82px;
  align-items: stretch;
}
.mini-card-footer .mini-open {
  position: static;
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: auto;
  height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: #494743;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  box-shadow: none;
  line-height: 1;
}
.mini-project .mini-card-footer .mini-open {
  align-self: stretch;
  justify-content: space-between;
  margin: 0;
  border: 0;
  border-radius: 0;
  height: auto;
  font-weight: 600;
  padding: 13px 18px;
  letter-spacing: .005em;
  min-height: 48px;
  font-size: 12px;
}
.mini-project:hover:where(:not(.no-hover *)) .mini-card-footer .mini-open,
.mini-project:focus-visible .mini-card-footer .mini-open {
  border-top: 1px solid #dedddb;
  translate: none;
}
@media (max-width:500px) {
  .mini-project .mini-card-footer .mini-tags {
    grid-template-columns: 1fr;
    min-height: 0;
  }
}
.mini-card-footer .mini-open svg {
  width: 15px;
  height: 15px;
  opacity: .7;
  transition: opacity .25s,transform .35s cubic-bezier(.22,1,.36,1);
}
.mini-project:hover:where(:not(.no-hover *)) .mini-card-footer .mini-open svg {
  opacity: 1;
  transform: translate(2px,-2px);
}
@media (prefers-reduced-motion:reduce) {
  .mini-project:hover:where(:not(.no-hover *)) .mini-card-footer .mini-open svg {
    transform: none;
  }
}
#more.more-section {
  padding-top: 8px;
}
#more .more-toolbar {
  margin-bottom: 34px;
  justify-content: flex-start;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
@media (max-width:500px) {
  #more .more-toolbar {
    flex-direction: row;
    gap: 12px;
  }
  #more-count {
    border: 0;
    padding-left: 0;
  }
}
.mini-body .mini-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  font-size: var(--card-meta,13px);
  line-height: 1.4;
}
.mini-body .mini-meta+h3 {
  margin-top: 0;
}
#more-grid .mini-project {
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  isolation: isolate;
  transform: none;
  --tile-image-inset: 12px;
  --card-grow: 8px;
}
#more-grid .mini-project::before {
  content: '';
  position: absolute;
  inset: -1px;
  z-index: -1;
  pointer-events: none;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  box-shadow: none;
  transition: inset .75s cubic-bezier(.4,0,.2,1),border-radius .75s cubic-bezier(.4,0,.2,1),background-color .75s cubic-bezier(.4,0,.2,1),border-color .75s cubic-bezier(.4,0,.2,1),box-shadow .75s cubic-bezier(.4,0,.2,1);
}
#more-grid .mini-project:hover:where(:not(.no-hover *))::before,
#more-grid .mini-project:focus-visible::before {
  inset: calc(-1px - var(--card-grow));
  border-radius: calc(14px + var(--card-grow));
  background: #fffefa;
  border-color: #dddcda;
}
@media (hover:hover) and (pointer:fine) {
  #more-grid .mini-project:hover:where(:not(.no-hover *))::before {
    border-color: #adaca8;
    box-shadow: 0 22px 34px -18px #23232345,0 7px 14px -8px #23232326;
  }
}
@media (prefers-reduced-motion:reduce) {
  #more-grid .mini-project::before {
    transition: none;
  }
}
#more-grid .mini-photo {
  width: 100%;
  height: auto;
  aspect-ratio: var(--card-ratio-more);
  flex: none;
  overflow: visible;
  isolation: isolate;
  border-radius: 0;
}
#more-grid .mini-body {
  padding: 18px 4px 4px;
  min-width: 0;
}
#more-grid .mini-body h3 {
  font-size: clamp(21px,1.9vw,27px);
  line-height: 1.18;
  letter-spacing: -.025em;
  text-wrap: balance;
  margin-bottom: 14px;
}
#more-grid .mini-body>p {
  font-size: 14px;
  line-height: 1.65;
  margin-bottom: 22px;
}
#more-grid .mini-body>.mini-card-footer {
  margin: auto 0 0;
  padding: 0;
  gap: 18px;
  background: transparent;
  border: 0;
}
#more-grid .mini-card-footer .mini-tags {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  min-height: 0;
  background: none;
  position: relative;
  column-gap: 24px;
}
#more-grid .mini-card-footer .mini-open {
  background: transparent;
  border: 0;
  border-top: 1px solid #dddcda;
  border-radius: 0;
  padding: 14px 0 0;
  min-height: 0;
  color: #4a4945;
  font-size: 12px;
}
#more-grid .mini-project:hover:where(:not(.no-hover *)) .mini-open,
#more-grid .mini-project:focus-visible .mini-open {
  background: transparent;
  color: var(--photo-badge);
  border-top-color: #dddcda;
}
@media (max-width:800px) {
  #more-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 24px 16px;
  }
}
@media (max-width:520px) {
  #more-grid {
    grid-template-columns: minmax(0,1fr);
    gap: 28px;
  }
  #more-grid .mini-project {
    padding: 8px;
    --tile-image-inset: 8px;
  }
  #more-grid .mini-body {
    padding-top: 16px;
  }
}
#more-grid .mini-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  border-radius: 10px;
  object-fit: cover;
  transform: none;
  transition: width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),border-radius .5s ease;
}
@media (prefers-reduced-motion:reduce) {
  #more-grid .mini-photo img {
    transition: none;
  }
}
#more-grid .mini-card-footer .mini-tags::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: -18px;
  width: 1px;
  background: #dddcda;
  pointer-events: none;
}
#more-grid .mini-card-footer .mini-open svg {
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  padding: 8px;
  flex: 0 0 20px;
  border-radius: 50%;
  background: #e8e7e6;
  color: #4f4d48;
  opacity: 1;
  stroke-width: 1.8;
  transform: rotate(0deg);
  transform-origin: center;
  transition: background .25s ease,color .25s ease,transform .45s cubic-bezier(.22,1,.36,1);
}
#more-grid .mini-project:hover:where(:not(.no-hover *)) .mini-open svg,
#more-grid .mini-project:focus-visible .mini-open svg {
  background: var(--photo-badge,#494743);
  color: #fff;
  opacity: 1;
  transform: rotate(45deg);
}
#more-grid .mini-project .mini-photo img,
#more-grid .mini-project:hover:where(:not(.no-hover *)) .mini-photo img,
#more-grid .mini-project:focus-visible .mini-photo img {
  scale: none;
  translate: none;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: none;
  border-radius: 0;
  transform: none !important;
  transition: none;
}
@media (prefers-reduced-motion:reduce) {
  #more-grid .mini-photo {
    transition: none;
  }
  #more-grid .mini-card-footer .mini-open svg {
    transition: none;
  }
}
#more-grid .mini-project .mini-photo {
  --photo-bleed: calc(var(--tile-image-inset) + var(--card-grow));
  --photo-out: calc(var(--photo-bleed) + 1px);
  width: calc(100% + var(--photo-out) * 2);
  margin: calc(-1 * var(--photo-out)) calc(-1 * var(--photo-out)) calc(-.25 * var(--card-grow));
  aspect-ratio: var(--card-ratio-more);
  height: auto;
  isolation: isolate;
  border-radius: 0;
  overflow: hidden;
  clip-path: inset(var(--photo-out) var(--photo-out) calc(.25 * var(--card-grow)) var(--photo-out) round 12px 12px 12px 12px);
  will-change: clip-path;
  transition: clip-path .75s cubic-bezier(.4,0,.2,1);
}
#more-grid .mini-project:hover:where(:not(.no-hover *)) .mini-photo,
#more-grid .mini-project:focus-visible .mini-photo {
  clip-path: inset(0px 0px calc(.25 * var(--card-grow)) 0px round calc(13px + var(--card-grow)) calc(13px + var(--card-grow)) 0px 0px);
}
@media (prefers-reduced-motion:reduce) {
  #more-grid .mini-project .mini-photo {
    transition: none;
    will-change: auto;
  }
}
.project-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 15px;
  row-gap: 13px;
}
.project-pill,
.domain-pill {
  display: inline-flex;
  align-items: center;
  background: none !important;
  --tag-ink: #494743;
  --tag-wash: #e6e6e4;
  border: 0;
  border-radius: 0;
  padding: 0;
  font-size: .7rem;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 600;
}
.project-pill:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  margin-right: 6px;
  flex-shrink: 0;
  display: none;
}
.pill-icon {
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  flex-basis: 14px;
  margin-right: 5px;
}
.project-pill .pill-icon {
  box-sizing: content-box;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  padding: 7px;
  margin-right: 8px;
  border-radius: 50%;
  stroke-width: 1.7;
}
.domain-pill .pill-icon {
  box-sizing: content-box;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  padding: 7px;
  margin-right: 8px;
  border-radius: 50%;
  opacity: 1;
  stroke-width: 1.7;
}
.project-pill,
.domain-pill {
  color: var(--tag-ink);
}
.project-pill .pill-icon,
.domain-pill .pill-icon {
  color: var(--tag-ink);
  background: var(--tag-wash);
  box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--tag-ink) 7%,transparent);
}
.project-tags .tag-material {
  position: relative;
  isolation: isolate;
  place-items: center;
  vertical-align: middle;
  animation: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  padding: 0;
  margin-right: 12px;
  background: none;
  border: 0;
  border-radius: 0 !important;
  box-shadow: none;
  overflow: visible;
  transform: none;
  width: 40px;
  height: 40px;
  flex-basis: 40px;
}
.project-tags .tag-material .pill-icon {
  z-index: 1;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  position: static;
  stroke-width: 1.8;
  filter: none;
  transform: none;
  opacity: 1;
  display: block;
  flex: none;
  color: #514f4a;
}
.tag-material:before {
  content: '';
  position: absolute;
  inset: -36%;
  z-index: 0;
  background: radial-gradient(ellipse at 25% 25%,#7864ff,transparent 45%),repeating-linear-gradient(164deg,#1c1c1c,#4d4d4d 25%,#a2a2a2 38%,#1c1c1c 55%);
  filter: blur(2px);
  animation: tag-current 20s linear infinite;
  animation-play-state: paused;
}
.tag-material:after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  background: radial-gradient(ellipse 27% 15% at 30% 17%,#ffffffe0,transparent 95%),radial-gradient(ellipse at 40% 32%,transparent 25%,#00152622 55%,#001329aa 100%);
  box-shadow: inset 0 1px 2px #ffffffaa;
}
.tag-material.is-visible:before {
  animation-play-state: running;
}
@media (prefers-reduced-motion:reduce) {
  .tag-material:before {
    animation: none;
  }
}
.project-tags .tag-copy {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  min-width: 0;
  gap: 4px;
}
.project-tags .tag-copy small {
  line-height: 1.2;
  color: #7c7c7c;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .025em;
}
.project-tags .project-pill,
.project-tags .domain-pill {
  align-items: center;
  color: #4e4d48;
  font-weight: 600;
}
.feature .feature-tags .project-pill,
.feature .feature-tags .domain-pill,
.mini-project .project-pill,
.mini-project .domain-pill {
  font-size: var(--card-meta);
  line-height: 1.35;
  font-weight: 600;
  color: var(--card-strong);
}
.feature .tag-copy,
.mini-project .tag-copy {
  gap: 4px;
}
.mini-project .mini-tags .project-pill,
.mini-project .mini-tags .domain-pill {
  display: flex;
  gap: 0;
  min-width: 0;
  flex: 1 1 120px;
  align-items: center;
  font-size: 13px;
}
.mini-project .mini-tags .tag-copy {
  grid-template-columns: 72px minmax(0,1fr);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.mini-project .mini-tags .tag-material {
  box-shadow: 0 2px 5px -2px #35353530;
  width: 30px;
  height: 30px;
  flex-basis: 30px;
  margin-right: 9px;
}
@media (max-width:400px) {
  .mini-project .mini-tags .tag-copy {
    grid-template-columns: 1fr;
  }
}
.mini-project .mini-tags .tag-copy small {
  font-size: 10px;
  color: #7e7e7e;
  line-height: 1.2;
}
.mini-project .mini-tags .pill-icon {
  width: 16px;
  height: 16px;
}
.mini-project .mini-card-footer .project-pill,
.mini-project .mini-card-footer .domain-pill {
  min-width: 0;
  color: #41403c;
  gap: 12px;
  position: relative;
  font-size: 12px;
  line-height: 1.4;
  justify-content: space-between;
  display: grid;
  grid-template-columns: minmax(0,1fr) 40px;
  grid-template-rows: 12px minmax(40px,auto);
  column-gap: 12px;
  row-gap: 8px;
  min-height: 88px;
  padding: 14px 15px;
  align-items: center;
}
.mini-project .mini-card-footer .domain-pill {
  border-left: 1px solid #dedddb;
}
.mini-project .mini-card-footer .tag-copy {
  min-width: 0;
  order: 0;
  flex: 1;
  text-align: left;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  align-self: center;
  display: contents;
}
.mini-project .mini-card-footer .tag-copy small {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: .07em;
  color: #83817c;
  font-weight: 500;
  left: 15px;
  top: 10px;
  position: static;
  grid-column: 1 / -1;
  grid-row: 1;
  align-self: start;
  margin: 0;
  line-height: 12px;
}
@media (max-width:500px) {
  .mini-project .mini-card-footer .domain-pill {
    border-left: 0;
    border-top: 1px solid #e5e5e4;
  }
}
.mini-project .mini-card-footer .domain-pill {
  border-left-color: #e2e1df;
}
.mini-project .mini-card-footer .tag-copy>span {
  font-weight: 600;
  text-wrap: pretty;
  font-size: 14px;
  margin: 0;
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  display: block;
  line-height: 1.35;
}
.mini-project .mini-card-footer .tag-material {
  order: 1;
  flex: 0 0 28px;
  padding: 0;
  border: 0;
  border-radius: 0 !important;
  background: none;
  box-shadow: none;
  overflow: visible;
  width: 40px;
  height: 40px;
  flex-basis: 40px;
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: end;
  margin: 0;
}
.mini-project .mini-card-footer .tag-material:before,
.mini-project .mini-card-footer .tag-material:after {
  display: none;
  animation: none;
}
.mini-project .mini-card-footer .tag-material .pill-icon {
  filter: none;
  background: none;
  box-shadow: none;
  stroke-width: 1.8;
  color: #514f4a;
  width: 40px;
  height: 40px;
}
.project-tags .tag-copy>span {
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
}
.feature .project-tags .tag-copy>span {
  font-size: 16px;
}
.project-tags .tag-material::before,
.project-tags .tag-material::after {
  display: none;
}
.project-tags .tag-material .pill-icon {
  width: 40px;
  height: 40px;
}
@media (max-width:620px) {
}
#small-detail .project-tags .tag-copy small,
#case-content .project-tags .tag-copy small {
  font-size: var(--project-label);
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0;
}
#small-detail .project-tags .tag-copy>span,
#case-content .project-tags .tag-copy>span {
  font-size: var(--project-body);
  line-height: 1.4;
  font-weight: 600;
}
.feature .project-tags .tag-material .pill-icon,
.mini-project .mini-card-footer .tag-material .pill-icon {
  transition: color .3s ease;
}
.feature:hover:where(:not(.no-hover *)) .project-tags .tag-material .pill-icon,
.feature:focus-visible .project-tags .tag-material .pill-icon,
.mini-project:hover:where(:not(.no-hover *)) .mini-card-footer .tag-material .pill-icon,
.mini-project:focus-visible .mini-card-footer .tag-material .pill-icon {
  color: var(--photo-badge,#494743);
}
@media (prefers-reduced-motion:reduce) {
  .feature .project-tags .tag-material .pill-icon,
  .mini-project .mini-card-footer .tag-material .pill-icon {
    transition: none;
  }
}
#more-grid .mini-card-footer .project-pill,
#more-grid .mini-card-footer .domain-pill {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
#more-grid .mini-card-footer .tag-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  order: 1;
  min-width: 0;
  align-items: flex-start;
  align-self: center;
  text-align: left;
  justify-content: center;
}
#more-grid .mini-card-footer .tag-copy small {
  position: static;
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: none;
  color: #83817c;
}
#more-grid .mini-card-footer .tag-copy>span {
  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
}
#more-grid .mini-card-footer .tag-material {
  order: 0;
  flex: 0 0 29px;
  width: 29px;
  height: 29px;
  margin: 0;
  align-self: center;
  justify-self: start;
}
#more-grid .mini-card-footer .tag-material .pill-icon {
  width: 29px;
  height: 29px;
}
#more-grid .mini-card-footer .tag-copy small,
#more-grid .mini-card-footer .tag-copy>span {
  align-self: flex-start;
  justify-self: start;
  text-align: left;
  margin: 0;
  padding: 0;
  width: auto;
  grid-column: auto;
  grid-row: auto;
}
.liquid-surface {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  border-radius: inherit;
}
.feature-image.liquid-active>img,
.mini-photo.liquid-active>img {
  transform: none !important;
}
@media (prefers-reduced-motion:reduce) {
  .feature .feature-content>.feature-meta,
  .feature .feature-content>h3,
  .feature .feature-content>p,
  .feature .feature-content>.feature-tags {
    transition: none;
    transform: none !important;
  }
}
.illustrated-photo {
  position: relative;
}
@media (hover:none),(prefers-reduced-motion:reduce) {
}
.has-image-ambience>.image-ambience {
  position: absolute;
  inset: 0;
  display: block !important;
  overflow: hidden;
  pointer-events: none;
  z-index: 7;
  border: 0 !important;
  border-radius: inherit;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  background: none;
  opacity: 1;
}
.has-image-ambience>.image-ambience::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 260%;
  background: linear-gradient(110deg,transparent 25%,rgb(255 249 226 / .065) 45%,rgb(255 255 255 / .025) 55%,transparent 75%);
  animation: image-soft-light 24s ease-in-out infinite alternate;
  animation-delay: var(--ambient-delay,0s);
  animation-play-state: paused;
}
.has-image-ambience.ambient-visible>.image-ambience::before {
  animation-play-state: running;
}
@media (prefers-reduced-motion:reduce) {
  .has-image-ambience>.image-ambience {
    display: none !important;
  }
  .has-image-ambience>.image-ambience::before {
    animation: none;
  }
}
.next-paths>a:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px -22px #23232370;
}
.next-paths>a:hover .path-top svg {
  transform: translate(2px,-2px);
}
.career-path:hover .career-mini::after,
.career-path:focus-visible .career-mini::after {
  transform: scaleX(1);
}
.career-path:hover .career-mini>span::before,
.career-path:focus-visible .career-mini>span::before {
  border-color: var(--lit);
}
@media (prefers-reduced-motion:reduce) {
  .career-mini::after,
  .career-mini>span::before {
    transition: none;
  }
}
.next-paths>a:hover .path-action>span {
  transform: translateX(4px);
}
@media (max-width:700px) {
}
@media (max-width:500px) {
}
.case-hero {
  padding: 35px 0;
}
.case-hero h1 {
  font-size: clamp(2.5rem,5vw,4.5rem);
  max-width: 1000px;
}
.case-outcome {
  font-size: 1.25rem;
  line-height: 1.5;
  max-width: 780px;
  color: var(--muted);
}
.case-facts {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 30px;
  border-top: 1px solid var(--line);
  padding-top: 25px;
  margin-top: 32px;
}
.case-facts div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.case-facts span {
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted);
}
.case-facts b {
  font-size: .92rem;
  font-weight: 500;
}
.case-image {
  margin: 0 0 30px;
}
.case-image img {
  width: 100%;
  max-height: 470px;
  object-fit: cover;
  border-radius: 5px;
}
.case-image figcaption {
  color: var(--muted);
  font-size: .68rem;
  margin-top: 10px;
}
.case-body {
  max-width: 1050px;
  margin: auto;
}
.case-body section {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 35px;
  padding: 35px 0;
  border-bottom: 1px solid var(--line);
}
.case-body h2 {
  font-size: 1.8rem;
  margin-bottom: 19px;
}
.case-body p,
.case-body li {
  font-size: 1.07rem;
  line-height: 1.7;
  color: var(--muted);
}
.case-body p {
  margin-bottom: 0;
}
.case-body ol {
  padding-left: 20px;
  margin-bottom: 0;
}
.case-body li {
  padding-left: 8px;
  margin-bottom: 10px;
}
@media (max-width:700px) {
  .case-facts {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .case-body section {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 25px 0;
  }
  .case-hero {
    padding-top: 25px;
  }
  .case-image img {
    height: 250px;
  }
}
@media (max-width:500px) {
}
.has-image-ambience {
  position: relative;
}
@media (max-width:560px) {
}
#case-content,
#small-detail {
  max-width: 1220px;
  padding-top: 28px;
  padding-bottom: 36px;
}
#case-content {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(260px,.8fr);
  --project-section-size: 18px;
  --project-body-size: 16px;
  --project-label-size: 12px;
  padding-top: 28px;
}
#case-content .case-hero {
  padding: 0;
  min-width: 0;
}
#case-content .back,
#small-detail>.back {
  font-size: .78rem;
}
#case-content .case-hero .eyebrow {
  margin-bottom: 12px;
  max-width: 55ch;
  font-size: .65rem;
  line-height: 1.6;
}
#case-content .case-outcome {
  margin-bottom: 0;
  font-size: .97rem;
  line-height: 1.6;
  max-width: 57ch;
}
#case-content .case-facts b {
  line-height: 1.4;
  font-size: .87rem;
  font-weight: 600;
}
#case-content .case-image img {
  width: 100%;
  object-fit: cover;
  height: 280px;
  border-radius: 7px;
}
#case-content .case-body {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 40px;
  max-width: none;
  margin: 0;
  border-top: 1px solid var(--line);
}
#case-content .case-body section {
  display: block;
  padding: 25px 0;
  min-width: 0;
}
#case-content .section-number {
  display: block;
  font-size: .6rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding: 0;
}
#case-content .case-body h2 {
  font-size: 1.3rem;
  margin: 0 0 12px;
}
#case-content .case-body p,
#case-content .case-body li {
  font-size: .93rem;
  line-height: 1.65;
}
#case-content .case-body ol {
  margin-top: 0;
  padding-left: 17px;
}
#case-content .case-body li {
  padding-left: 3px;
  margin-bottom: 8px;
}
#case-content .case-body section:last-child:where(:not(.contribution-radar)) {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 24px;
  background: #e9e9e8;
  padding: 24px;
  border: 0;
  border-radius: 8px;
  margin-top: 4px;
}
body:has(#small-detail)>footer,
body:has(#case-content)>footer {
  border-top: 1px solid var(--line);
  padding-top: 22px;
  padding-bottom: 22px;
}
@media (max-width:680px) {
  #case-content .case-body {
    grid-template-columns: 1fr;
    gap: 0;
  }
  #case-content .case-body section {
    padding: 20px 0;
  }
  #case-content .case-body section:last-child:where(:not(.contribution-radar)) {
    display: block;
    padding: 20px;
  }
}
#case-content .case-image.real-product-image img {
  border: 1px solid var(--line);
  height: auto;
  max-height: 390px;
  object-fit: contain;
}
#case-content .case-hero h1 {
  letter-spacing: -.045em;
  font-size: clamp(2.1rem,3.6vw,3.15rem);
  line-height: 1.08;
  max-width: 22ch;
  margin: 0 0 18px;
}
#case-content .case-tags {
  gap: 12px 20px;
  margin-top: 22px;
}
#case-content .case-image figcaption {
  color: #7b7b7b;
  font-size: 11px;
  line-height: 1.5;
  max-width: 58ch;
  margin-top: 10px;
}
#case-content .case-body.case-editorial {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 40px;
  padding-top: 6px;
  border-top: 0;
}
#case-content .case-narrative {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0 40px;
}
#case-content .case-narrative section,
#case-content .case-narrative section:last-child {
  display: grid;
  grid-column: auto;
  grid-template-columns: minmax(0,1fr);
  align-content: start;
  gap: 10px;
  background: none;
  border-radius: 0;
  padding: 20px 0 0;
  margin: 0;
  border-top: 1px solid var(--line);
  border-bottom: 0;
}
#case-content .case-narrative .section-number {
  font-size: .67rem;
  letter-spacing: 0;
  padding-top: 4px;
  color: #77746d;
}
.case-result {
  align-self: start;
  padding-top: 24px;
}
.result-outcome {
  background: #e8e7e6;
  border-left: 3px solid #848179;
  padding: 22px 24px;
  border-radius: 0 8px 8px 0;
}
.result-delivery {
  padding: 23px 0 0;
}
.result-tools {
  border-top: 1px solid var(--line);
  margin-top: 18px;
  padding-top: 16px;
}
@media (max-width:680px) {
  #case-content,
  #case-content .case-body.case-editorial {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  #case-content .case-narrative section,
  #case-content .case-narrative section:last-child {
    padding: 19px 0;
    gap: 10px;
  }
  .case-result {
    padding-top: 0;
  }
}
#case-content {
  gap: 40px 48px;
}
#case-content .back {
  display: inline-flex;
  align-items: center;
  margin-bottom: 28px;
  font-size: .72rem;
  color: var(--muted);
}
#case-content .case-facts {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  border-top: 1px solid var(--line);
  padding-top: 18px;
  margin-top: 23px;
  gap: 22px;
}
#case-content .case-facts span {
  font-size: .64rem;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  display: block;
}
#case-content .case-image {
  margin: 63px 0 0;
  align-self: start;
}
@media (max-width:680px) {
  #case-content {
    gap: 26px;
    padding-top: 20px;
  }
  #case-content .back {
    margin-bottom: 23px;
  }
  #case-content .case-image {
    margin: 0;
  }
  #case-content .case-image img {
    height: 210px;
  }
  #case-content .case-facts {
    gap: 15px;
  }
}
#case-content .case-facts>div,
#case-content .case-facts>div:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
#case-content .narrative-bar {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 16px;
}
#case-content .narrative-bar>span {
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--accent);
}
#case-content .narrative-all {
  padding: 7px 14px;
  border: 1px solid #d2d1cf;
  background: transparent;
  color: #494743;
  font-size: 13px;
  font-weight: 600;
  transition: background-color .25s ease,border-color .25s ease;
}
#case-content .narrative-all:hover {
  background: #e8e7e6;
  border-color: #c0beba;
}
#case-content .case-narrative .narrative-item h2 {
  margin: 0 0 8px;
}
#case-content .case-narrative .narrative-brief {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -.005em;
  color: var(--ink);
}
#case-content .narrative-detail {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows .45s cubic-bezier(.4,0,.2,1),opacity .3s ease;
}
#case-content .narrative-detail>div {
  min-height: 0;
  overflow: hidden;
}
#case-content .narrative-detail>div>:first-child {
  margin-top: 12px;
}
#case-content .narrative-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding: 2px 0;
  border: 0;
  background: none;
  color: #494743;
  font-size: 13px;
  font-weight: 600;
}
#case-content .narrative-toggle i {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #c0beba;
  border-radius: 50%;
  color: #494743;
  transition: transform .35s cubic-bezier(.4,0,.2,1),background-color .25s ease,border-color .25s ease,color .25s ease;
}
#case-content .narrative-toggle i::before,
#case-content .narrative-toggle i::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 1.5px;
  border-radius: 1px;
  background: currentColor;
  translate: -50% -50%;
}
#case-content .narrative-toggle i::after {
  rotate: 90deg;
}
#case-content .narrative-toggle:hover i {
  background: #e6e6e4;
}
#case-content .narrative-item.is-open .narrative-detail {
  grid-template-rows: 1fr;
  opacity: 1;
}
#case-content .narrative-item.is-open .narrative-toggle i {
  transform: rotate(45deg);
  background: #3a3a3a;
  border-color: #3a3a3a;
  color: #f6f3f7;
}
@media (prefers-reduced-motion:reduce) {
  #case-content .narrative-detail,
  #case-content .narrative-toggle i {
    transition: none;
  }
}
#case-content .case-result {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0,1fr);
  padding: 28px 32px;
  background: #eeeee6;
  border: 1px solid #d0d0de;
  border-radius: 8px;
  margin-top: 0;
  box-shadow: 0 8px 24px -20px #27272733;
}
#case-content .result-outcome {
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0 32px 0 0;
}
#case-content .result-delivery,
#case-content .result-tools {
  margin: 0;
  padding: 0 32px;
  border-top: 0;
  border-left: 1px solid #d0d0ce;
}
#case-content .case-result>:last-child {
  padding-right: 0;
}
@media (max-width:900px) {
  #case-content .case-narrative {
    grid-template-columns: minmax(0,1fr);
  }
  #case-content .case-narrative section,
  #case-content .case-narrative section:last-child {
    padding: 20px 0 24px;
  }
  #case-content .case-result {
    grid-auto-flow: row;
    padding: 24px;
  }
  #case-content .result-outcome {
    padding: 0 0 20px;
  }
  #case-content .result-delivery,
  #case-content .result-tools {
    padding: 20px 0;
    border-left: 0;
    border-top: 1px solid #d0d0ce;
  }
  #case-content .case-result>:last-child {
    padding-bottom: 0;
  }
}
@media (min-width:721px) {
}
#case-content .project-pagination {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  border-block: 1px solid var(--line);
  padding: 24px 0;
  margin: 0;
}
.project-pagination-link {
  display: grid;
  grid-template-columns: 88px minmax(0,1fr) 20px;
  gap: 18px;
  align-items: center;
  min-width: 0;
}
.project-pagination-link+ .project-pagination-link {
  border-left: 1px solid var(--line);
  padding-left: 32px;
}
.project-pagination-link img {
  width: 88px;
  height: 92px;
  object-fit: cover;
  border-radius: 6px;
}
.project-pagination-link div>span {
  font-size: 11px;
  color: var(--accent);
  font-weight: 600;
}
#case-content .project-pagination h2 {
  font-size: 18px;
  line-height: 1.25;
  margin: 8px 0 6px;
  letter-spacing: -.02em;
}
.project-pagination-link p {
  font-size: 12px;
  color: var(--muted);
  margin: 0;
}
.project-pagination-link b {
  font-size: 23px;
  font-weight: 400;
  color: var(--accent);
  transition: translate .2s;
}
.project-pagination-link:hover b {
  translate: 3px 0;
}
.project-pagination-link:first-child:hover b {
  translate: -3px 0;
}
@media (max-width:650px) {
  #case-content .project-pagination {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .project-pagination-link+.project-pagination-link {
    border-left: 0;
    border-top: 1px solid var(--line);
    padding: 20px 0 0;
  }
}
#case-content .case-narrative h2,
#case-content .result-outcome h2,
#case-content .result-delivery h2,
#case-content .result-tools h2 {
  margin: 0 0 12px;
  text-transform: none;
}
#case-content .result-heading {
  display: flex;
  align-items: center;
  gap: 9px;
}
.result-heading svg {
  width: 20px;
  height: 20px;
  flex: none;
  fill: none;
  stroke: #676661;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#case-content .case-narrative p,
#case-content .case-narrative li,
#case-content .case-body .result-statement,
#case-content .result-delivery>p,
#case-content .result-tools p {
  font-size: var(--project-body-size);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
  color: var(--muted);
}
#case-content .case-body .result-statement,
#case-content .result-delivery>p {
  margin: 0;
}
#case-content .result-tools p {
  margin: 0;
}
#small-detail,
#case-content {
  --project-heading: 20px;
  --project-body: 16px;
  --project-meta: 13px;
  --project-label: 12px;
}
#small-detail .detail-summary,
#small-detail .project-contribution p,
#case-content .case-narrative p,
#case-content .case-narrative li {
  font-size: var(--project-body);
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0;
  color: var(--muted);
}
.contribution-radar {
  grid-column: 1/-1;
  order: 3;
  min-width: 0;
}
#case-content .case-body section.contribution-radar {
  grid-column: 1/-1;
}
.contribution-radar,
#case-content .case-body section.contribution-radar,
#small-detail .contribution-radar {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);
  align-items: center;
  gap: 28px 56px;
  margin: 0;
  padding: 28px 36px;
  background: #f0f0ef;
  border: 1px solid #dedddb;
  border-radius: 14px;
}
.radar-summary {
  min-width: 0;
  max-width: 440px;
}
.contribution-radar h2 {
  margin: 0 0 8px;
}
.radar-breakdown {
  margin: 0;
  border-top: 1px solid #dad9d7;
}
.radar-breakdown>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 0;
  border-bottom: 1px solid #dedddb;
}
.radar-breakdown dt {
  font-size: 15px;
  font-weight: 600;
  color: var(--ink);
}
.radar-breakdown dd {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  white-space: nowrap;
}
.radar-level {
  display: flex;
  gap: 3px;
}
.radar-level i {
  display: block;
  width: 16px;
  height: 6px;
  border-radius: 3px;
  background: #d6d5d3;
}
.radar-level i.is-filled {
  background: #494743;
}
.radar-level-name {
  min-width: 78px;
  font-size: 13px;
  color: #63615c;
}
.radar-figure {
  margin: 0;
  min-width: 0;
}
.radar-chart {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  margin: 0 auto;
  overflow: visible;
}
.radar-grid {
  fill: none;
  stroke: #d4d3d1;
  stroke-width: 1;
}
.radar-grid polygon.is-outer {
  stroke: #c4c3bf;
}
.radar-area {
  stroke: #494743;
  stroke-width: 2;
  stroke-linejoin: round;
}
.radar-point {
  fill: #efefe8;
  stroke: #494743;
  stroke-width: 2;
}
.radar-point.is-primary {
  fill: #494743;
  stroke: #efefe8;
  stroke-width: 2;
}
.radar-labels text {
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  fill: #a19f9b;
}
.radar-labels text.is-active {
  font-weight: 600;
  fill: var(--ink);
}
@media (max-width:820px) {
  .contribution-radar,
  #case-content .case-body section.contribution-radar,
  #small-detail .contribution-radar {
    grid-template-columns: minmax(0,1fr);
    padding: 28px 24px;
  }
  .radar-summary {
    max-width: none;
  }
}
@media (max-width:500px) {
  .contribution-radar,
  #case-content .case-body section.contribution-radar,
  #small-detail .contribution-radar {
    padding: 24px 16px;
  }
  .radar-labels text {
    font-size: 16px;
  }
}
:is(#small-detail,#case-content) .builder-device-visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: transparent;
  overflow: visible;
  border-radius: 0;
  min-height: 420px;
  height: auto;
  max-height: none;
  padding: 24px 20px 30px;
  perspective: none;
}
@media (max-width:620px) {
  :is(#small-detail,#case-content) .builder-device-visual {
    min-height: 390px;
  }
}
@media (min-width:721px) {
  :is(#small-detail,#case-content) .builder-device-visual {
    grid-column: 2;
    grid-row: 1 / 3;
    min-height: 0;
    padding: 20px 8px;
    align-self: start;
  }
}
@media (max-width:720px) {
}
@media (min-width:721px) {
}
@media (max-width:720px) {
  :is(#small-detail,#case-content) .builder-device-visual {
    min-height: 0;
    padding: 12px 16px 20px;
  }
}
.builder-gallery {
  border-top: 1px solid var(--line);
  margin-top: 40px;
  padding-top: 28px;
}
.interface-gallery-heading {
  grid-template-columns: 1.3fr 1fr;
  gap: 40px;
  align-items: end;
  display: block;
  margin-bottom: 22px;
}
.interface-gallery-heading h2 {
  font-size: clamp(28px,3.5vw,42px);
  line-height: 1.12;
  margin: 0;
}
.interface-screen-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 32px 24px;
  border: 1px solid #dddcda;
  border-radius: 14px;
  background: linear-gradient(145deg,#eae9e8,#e1e1df);
  overflow: hidden;
  cursor: zoom-in;
}
.interface-study:nth-child(2) .interface-screen-stage {
  background: linear-gradient(145deg,#e7e7e6,#dcdcda);
}
.interface-study:nth-child(3) .interface-screen-stage {
  background: #e7e7e6;
}
.interface-study:nth-child(4) .interface-screen-stage {
  background: #e4e3e1;
}
.interface-study:nth-child(5) .interface-screen-stage {
  background: #e7e6e5;
}
.interface-study-lead .interface-screen-stage {
  padding: 40px 24px;
}
.interface-screen-stage:hover img {
  transform: translateY(-4px);
}
.interface-screen-stage:focus-visible {
  outline: 2px solid #494743;
  outline-offset: 4px;
}
.interface-gallery-note {
  font-size: 12px;
  color: var(--muted);
  margin: 32px 0 0;
  margin-top: 14px;
}
@media (max-width:700px) {
  .interface-gallery-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .interface-screen-stage,
  .interface-study-lead .interface-screen-stage {
    padding: 24px 16px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .interface-screen-stage:hover img {
    transform: none;
  }
}
:is(#small-detail,#case-content) .interface-screen-stage {
  min-height: 0;
  text-align: left;
  transform: none;
}
:is(#small-detail,#case-content) .builder-device-visual {
  padding-top: 0;
}
.project-video-stage {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 25px 14px 32px;
  perspective: 1000px;
}
.project-video-phone {
  width: 205px;
  flex: none;
  transform-style: preserve-3d;
  transform: rotateX(5deg) rotateY(-17deg) rotateZ(7deg);
  cursor: grab;
  touch-action: pan-y;
  outline-offset: 14px;
  border-radius: 18% / 8.7%;
}
.project-video-chassis {
  position: relative;
  transform-style: preserve-3d;
  border-radius: 18% / 8.7%;
}
.project-video-edge {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(110deg,#8a8a8a,#282d2f 18%,#45494c 55%,#14191a 90%);
  box-shadow: inset 0 0 0 .6px #a0a0a070;
  pointer-events: none;
}
.project-video-chassis video {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
  transform: translateZ(.4px);
  backface-visibility: hidden;
  pointer-events: none;
  background: #070707;
}
.project-video-controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 12px;
}
.project-video-controls button {
  padding: 8px 10px;
  font-size: 12px;
  border: 0;
  border-radius: 6px !important;
  background: transparent;
  color: #5d5b56;
  line-height: 1.2;
  white-space: nowrap;
}
.project-video-controls .project-video-pause {
  font-size: 11px;
  padding: 6px 12px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width:480px) {
  .project-video-phone {
    width: 190px;
  }
}
.interface-screen-grid {
  background: none;
  border: 0;
  border-radius: 0;
  column-count: auto;
  display: grid;
  padding: 0;
  align-items: stretch;
  grid-template-columns: repeat(12,minmax(0,1fr));
  grid-template-rows: 224px 212px;
  gap: 14px;
}
.interface-study:nth-child(2),
.interface-study:nth-child(4) {
  padding-top: 24px;
}
.interface-study:nth-child(3) {
  padding-top: 48px;
  grid-column: 5/10;
  grid-row: 1;
}
@media (max-width:800px) {
  .interface-study:nth-child(n) {
    padding-top: 0;
  }
}
.dual-phone-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  width: 100%;
  align-items: start;
}
.dual-phone-demo {
  min-width: 0;
  text-align: center;
}
.dual-phone-grid .project-video-phone {
  width: 100%;
  max-width: 185px;
  transform: rotateX(4deg) rotateY(12deg) rotateZ(-4deg);
}
@media (max-width:720px) {
  .dual-phone-grid {
    max-width: 420px;
    margin: auto;
    gap: 26px;
  }
}
.interface-study,
.interface-study-lead,
.interface-study:last-child {
  display: block;
  break-inside: auto;
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 0 !important;
  grid-column: span 4;
}
:is(#small-detail,#case-content) .interface-screen-stage,
:is(#small-detail,#case-content) .interface-study-lead .interface-screen-stage {
  height: 100%;
  border: 1px solid #d8d7d5;
  border-radius: 16px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width:700px) {
  .interface-study:first-child {
    grid-column: 1/-1;
    height: 420px;
  }
}
@media (max-width:400px) {
  .interface-study:first-child {
    height: 380px;
  }
}
.dual-phone-grid,
.dual-phone-demo,
.dual-phone-grid .project-video-stage,
.project-video-phone,
.project-video-chassis {
  overflow: visible;
}
.project-video-phone:focus:not(:focus-visible) {
  outline: none;
}
.project-video-phone:focus-visible {
  outline: 2px solid #807e77;
  outline-offset: 10px;
}
.project-video-edge:first-child {
  box-shadow: inset 0 0 0 1px #777;
}
.project-video-chassis::before {
  content: '';
  position: absolute;
  inset: 4% 5% 1%;
  border-radius: inherit;
  background: rgb(30 49 37 / .2);
  filter: blur(17px);
  transform: translate3d(12px,22px,-24px);
  pointer-events: none;
}
.dual-phone-grid .project-video-stage {
  padding: 24px 4px 20px;
  position: relative;
  isolation: isolate;
}
.dual-phone-grid .project-video-chassis video {
  aspect-ratio: 832 / 1718;
  object-fit: cover;
}
:is(#small-detail,#case-content) .interface-screen-stage,
:is(#small-detail,#case-content) .interface-study-lead .interface-screen-stage,
:is(#small-detail,#case-content) .interface-study:first-child .interface-screen-stage {
  padding: 0;
  isolation: isolate;
  perspective: 1000px;
  background: #151413;
  border-color: #d4d3d1;
  overflow: hidden;
}
.interface-screen-stage img,
.interface-study-lead .interface-screen-stage img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  transition: transform .6s cubic-bezier(.22,1,.36,1);
}
.interface-study:nth-child(1) .interface-screen-stage img {
  transform: scale(1.06);
}
.interface-study:nth-child(2) .interface-screen-stage img {
  transform: scale(1.1) rotate(-3deg);
}
:is(#small-detail,#case-content) .interface-study:nth-child(2) .interface-screen-stage,
:is(#small-detail,#case-content) .interface-study:nth-child(3) .interface-screen-stage,
:is(#small-detail,#case-content) .interface-study:nth-child(4) .interface-screen-stage,
:is(#small-detail,#case-content) .interface-study:nth-child(5) .interface-screen-stage {
  background: #151413;
}
@media (prefers-reduced-motion:no-preference) {
  .interface-screen-stage:hover img {
    filter: brightness(1.03);
  }
}
:is(#small-detail,#case-content) .interface-gallery-note,
:is(#small-detail,#case-content) .project-video-controls .project-video-pause {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}
:is(#small-detail,#case-content) .interface-study:nth-child(n) .interface-screen-stage {
  background: #181817;
  position: relative;
  cursor: default;
  perspective: 850px;
  border: 0;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px #27272710;
  height: 100%;
}
.interface-study:nth-child(n) .interface-screen-stage img {
  transform: none;
  box-shadow: none;
  border-radius: 0;
  object-fit: cover;
  max-width: none;
  transition: none;
  filter: none;
}
@media (max-width:400px) {
  .interface-study:nth-child(n) {
    height: 230px;
  }
  .interface-study:nth-child(1) {
    height: 300px;
  }
}
:is(#small-detail,#case-content) .interface-motion-toggle {
  position: absolute;
  right: 12px;
  bottom: 12px;
  border: 1px solid #ffffffa8;
  border-radius: 7px !important;
  padding: 7px 11px;
  background: #fffdf5eb;
  color: #222;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  box-shadow: 0 2px 6px #0002;
}
.interface-study:nth-child(1) .interface-screen-stage img {
  object-position: 50% 42%;
}
:is(#small-detail,#case-content) .interface-study:nth-child(4) .interface-screen-stage {
  background: linear-gradient(135deg,#302f2c,#716f68);
}
.jobsite-live-scene {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1122px;
  height: 1402px;
  transform-origin: center;
  pointer-events: none;
}
.interface-study:nth-child(1) .interface-screen-stage .jobsite-live-scene img {
  position: absolute;
  inset: 0;
  width: 1122px;
  height: 1402px;
  object-fit: fill;
  max-width: none;
  transform: none;
}
.jobsite-live-scene video {
  position: absolute;
  left: 0;
  top: 0;
  width: 402px;
  height: 874px;
  max-width: none;
  transform-origin: 0 0;
  object-fit: fill;
  border-radius: 53px;
  clip-path: inset(0 round 53px);
}
:is(#small-detail,#case-content) .interface-screen-stage .interface-motion-toggle {
  position: absolute;
  z-index: 3;
  color: #222;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  cursor: pointer;
  border-radius: 50% !important;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  right: 10px;
  bottom: 10px;
  padding: 8px;
  border: 1px solid #ffffff75;
  outline: none;
  outline-offset: 0;
  background: rgba(255,253,247,.94);
  box-shadow: 0 2px 7px #16161626;
  transform: none;
  transition: background .15s,box-shadow .15s;
}
@media (max-width:700px) {
  .interface-study:nth-child(1) {
    height: 220px;
  }
}
.interface-study:nth-child(1) {
  grid-column: 1/5;
  grid-row: 1/3;
}
.interface-study:nth-child(2) {
  grid-column: 5/9;
  grid-row: 2;
}
.interface-study:nth-child(4) {
  grid-column: 10/13;
  grid-row: 1;
}
.interface-study:nth-child(5) {
  grid-column: 9/13;
  grid-row: 2;
}
.interface-study:nth-child(3) .interface-screen-stage img,
.interface-study:nth-child(4) .interface-screen-stage img,
.interface-study:nth-child(5) .interface-screen-stage img {
  transform-origin: center;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: none;
  border-radius: 0;
  box-shadow: none;
  object-fit: cover;
  object-position: center;
}
:is(#small-detail,#case-content) .interface-study:nth-child(3) .interface-screen-stage,
:is(#small-detail,#case-content) .interface-study:nth-child(5) .interface-screen-stage {
  background: linear-gradient(140deg,#dad9d6,#ebebea);
}
@media (max-width:700px) {
  .interface-screen-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: 210px 190px 190px;
    gap: 10px;
  }
  .interface-study:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
    height: auto;
  }
  .interface-study:nth-child(1) {
    grid-column: 1;
    grid-row: 1/3;
  }
  .interface-study:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
  }
  .interface-study:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
  }
  .interface-study:nth-child(2) {
    grid-column: 1;
    grid-row: 3;
  }
  .interface-study:nth-child(5) {
    grid-column: 2;
    grid-row: 3;
  }
}
.dual-phone-grid .project-video-stage::after {
  content: '';
  position: absolute;
  z-index: -1;
  pointer-events: none;
  left: 9%;
  right: 9%;
  bottom: 5px;
  height: 30px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center,rgba(35,35,33,.38) 0%,rgba(35,35,33,.19) 35%,rgba(35,35,33,0) 73%);
  filter: blur(7px);
  transform: scaleX(1.15);
}
.dual-phone-grid .project-video-chassis::before {
  background: rgba(37,37,35,.27);
  filter: blur(19px);
  transform: translate3d(8px,24px,-24px);
}
.jobsite-live-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 402px;
  height: 874px;
  transform-origin: 0 0;
  overflow: hidden;
  border-radius: 48px;
  clip-path: inset(0 round 48px);
  background: #000;
}
.jobsite-live-scene .jobsite-live-screen video {
  left: -4.217%;
  top: -1.669%;
  width: 108.434%;
  height: 103.338%;
  max-width: none;
  transform: none;
  border-radius: 0;
  clip-path: none;
  object-fit: fill;
}
.interface-motion-toggle svg {
  display: block;
  width: 18px;
  height: 18px;
}
:is(#small-detail,#case-content) .interface-study:nth-child(5) .interface-screen-stage {
  background: linear-gradient(140deg,#cecdca,#e6e5e4);
}
.interface-study:nth-child(2) .interface-screen-stage img {
  object-position: 50% 55%;
}
:is(#small-detail,#case-content) .interface-screen-stage .interface-motion-toggle:hover {
  background: #fff;
  outline: none;
  transform: none;
  box-shadow: 0 2px 9px #16161630;
}
:is(#small-detail,#case-content) .interface-screen-stage .interface-motion-toggle:focus:not(:focus-visible) {
  outline: none;
}
:is(#small-detail,#case-content) .interface-screen-stage .interface-motion-toggle:focus-visible {
  outline: 2px solid #42413d;
  outline-offset: 2px;
}
:is(#small-detail,#case-content) .interface-screen-stage .interface-motion-toggle svg {
  width: 16px;
  height: 16px;
}
:is(#small-detail,#case-content) .interface-gallery-note {
  margin: 12px 0 0;
}
.single-video-visual .dual-phone-grid {
  grid-template-columns: minmax(0,1fr);
  max-width: 310px;
  margin: 0 auto;
}
.single-video-visual .dual-phone-grid .project-video-phone {
  max-width: 245px;
  width: 100%;
  transform: rotateX(4deg) rotateY(-16deg) rotateZ(8deg);
}
.single-video-visual .dual-phone-grid .project-video-stage {
  padding: 20px 24px 24px;
}
.single-video-visual .dual-phone-grid .project-video-stage::after {
  left: 14%;
  right: 14%;
  bottom: 7px;
  height: 34px;
}
@media (max-width:720px) {
  .single-video-visual .dual-phone-grid .project-video-phone {
    max-width: 220px;
  }
  .single-video-visual .dual-phone-grid {
    max-width: 280px;
  }
}
:is(#small-detail,#case-content) .builder-gallery {
  margin-top: 30px;
  padding-top: 0;
  border-top: 0;
}
:is(#small-detail,#case-content) .interface-gallery-heading {
  margin: 0 0 16px;
  padding: 0;
}
@media (max-width:700px) {
  :is(#small-detail,#case-content) .builder-gallery {
    margin-top: 26px;
  }
  :is(#small-detail,#case-content) .interface-gallery-heading {
    margin-bottom: 14px;
  }
}
.career-hero :is(h1,.career-title) {
  margin-bottom: 24px;
  font-size: clamp(2.9rem,5.2vw,4.8rem);
}
.timeline-nav button:disabled {
  opacity: .3;
  cursor: default;
}
.era-projects a:hover {
  border-color: #9f9d99;
  background: #f5f6f0;
}
@media (max-width:800px) {
}
@media (max-width:500px) {
}
.career-hero {
  padding: 44px 0 25px;
}
@media (prefers-reduced-motion:reduce) {
  .era-preview {
    animation: none;
  }
}
.era-preview:hover,
.era-preview:focus-visible {
  border-color: #a4a29c;
  box-shadow: 0 16px 44px -12px #28282845;
}
.era-preview:hover .era-preview-hint>span {
  transform: translate(2px,-2px);
}
.era-preview:hover .era-preview-hint,
.era-preview:focus-visible .era-preview-hint {
  background: #3a3935;
}
.career-hero-landscape {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 0 46px;
  overflow: visible;
  min-height: 390px;
}
.career-hero-landscape .career-landscape {
  position: absolute;
  inset: 0 -1px 0 25%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  mask-image: linear-gradient(to right,transparent,black 49%);
  -webkit-mask-image: linear-gradient(to right,transparent,black 49%);
}
.career-landscape::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom,var(--bg) 0%,transparent 17%,transparent 45%,rgba(245,245,245,.72) 72%,var(--bg) 98%);
}
.career-hero-landscape>:is(h1,.career-title) {
  font-size: var(--page-title);
  margin: 0 0 18px;
  max-width: 19ch;
}
.career-hero-landscape>p:not(.eyebrow) {
  max-width: 43ch;
  font-size: 16px;
  margin: 0;
}
@media (max-width:650px) {
  .career-hero-landscape {
    padding: 32px 0 225px;
    justify-content: flex-start;
    min-height: 470px;
  }
  .career-hero-landscape .career-landscape {
    inset: 170px -1px 0;
    mask-image: linear-gradient(to bottom,transparent,black 30%);
    -webkit-mask-image: linear-gradient(to bottom,transparent,black 30%);
  }
  .career-hero-landscape>:is(h1,.career-title) {
    font-size: var(--page-title);
  }
  .career-hero-landscape>p:not(.eyebrow) {
    max-width: 38ch;
    font-size: 15px;
  }
}
.career-hero-landscape .career-landscape {
  left: 22%;
  right: calc((min(1400px,100vw) - 100vw)/2 - 5vw);
  top: -15px;
  bottom: -160px;
}
@media (max-width:650px) {
  .career-hero-landscape .career-landscape {
    left: -5vw;
    right: -5vw;
    top: 155px;
    bottom: -140px;
  }
}
.career-hero-landscape>.eyebrow {
  margin: 0 0 12px;
  line-height: 1.4;
}
.career-hero-landscape>:is(h1,.career-title) {
  line-height: 1.04;
}
.career-hero-landscape>p:not(.eyebrow) {
  line-height: 1.5;
}
@keyframes mountain-ken-burns {
  from { transform: scale(1.16) translate3d(0,0,0); }
  to { transform: scale(1.23) translate3d(-1.1%,.5%,0); }
}
@media (prefers-reduced-motion:reduce) {
  .career-landscape .career-landscape-still {
    animation: none;
    transform: scale(1.18);
    will-change: auto;
  }
}
.mountain-parallax {
  position: absolute;
  inset: -35px 0;
  transform: translate3d(0,var(--scene-offset,0px),0);
  will-change: transform;
}
@media (prefers-reduced-motion:reduce) {
  .mountain-parallax {
    transform: none;
    will-change: auto;
  }
}
@media (max-width:800px) {
}
.timeline-lanes button:hover {
  background: #dedede70;
}
.timeline-lanes button:focus-visible {
  outline: 2px solid #848179;
  outline-offset: 3px;
}
.timeline-horizontal button:hover::after {
  box-shadow: 0 0 0 1px #7f7c75,0 0 0 5px #6c6c6c14;
}
@media (max-width:650px) {
}
@keyframes summit-cloud-drift {
  from { translate: -.7% .2%; }
  to { translate: 1.7% -.6%; }
}
@media (prefers-reduced-motion:reduce) {
  .career-landscape .career-cloud-drift {
    display: none;
    animation: none;
  }
}
.about-page {
  --about-night: #2d2c29;
  --about-plum: #53524d;
  --about-card: #fffefa;
  --about-rule: #cecdc9;
  --about-glow: #f08bbd;
  --about-ease: cubic-bezier(.2,.7,.2,1);
  --about-gap: clamp(96px,11vw,160px);
}
.about-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--accent);
  margin: 0 0 20px;
}
.about-page h2 em,
.about-page h3 em {
  font-style: normal;
}
.about-section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
  margin-bottom: clamp(40px,5vw,64px);
}
.about-section-head h2 {
  font-size: clamp(2.3rem,4.4vw,4rem);
  line-height: 1.02;
  letter-spacing: -.03em;
}
.about-section-head h2 em {
  display: block;
  color: #85837e;
}
.about-text-link {
  font-size: .9rem;
  font-weight: 600;
  white-space: nowrap;
}
.about-text-link span,
.about-btn span {
  display: inline-block;
  margin-left: 10px;
  color: var(--accent);
  transition: transform .35s var(--about-ease);
}
.about-text-link:hover:where(:not(.no-tap-hover *)) span,
.about-btn:hover:where(:not(.no-tap-hover *)) span {
  transform: translate(2px,-2px);
}
.about-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.about-btn {
  display: inline-flex;
  align-items: center;
  padding: 14px 24px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.5);
  font-size: .92rem;
  font-weight: 600;
  transition: border-color .3s, background-color .3s, color .3s, transform .3s var(--about-ease);
}
.about-btn:hover:where(:not(.no-tap-hover *)) {
  border-color: var(--ink);
  transform: translateY(-2px);
}
.about-btn--solid {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--bg);
  box-shadow: 0 14px 30px -16px rgba(38,38,36,.7);
}
.about-btn--solid:hover:where(:not(.no-tap-hover *)) {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.about-btn--solid span {
  color: inherit;
}
.ab-hero {
  position: relative;
  display: flex;
  align-items: center;
  padding: clamp(56px,7vw,104px) 0 clamp(24px,3vw,40px);
}
.ab-hero+.ab-edge {
  padding-top: clamp(64px,7vw,104px);
}
.ab-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 40rem;
}
.ab-hero-field {
  position: absolute;
  z-index: -1;
  inset: 0 calc(50% - 50vw);
  pointer-events: none;
}
.ab-hero-field canvas {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width:700px) {
}
@media (max-width:700px) {
  .ab-hero {
    padding-bottom: clamp(220px,60vw,300px);
  }
}
.ab-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -90px calc(50% - 50vw) auto;
  height: 900px;
  background: radial-gradient(40% 50% at 78% 38%,rgba(233,143,181,.22),transparent 70%),
    radial-gradient(30% 40% at 12% 20%,rgba(194,193,189,.22),transparent 70%);
  pointer-events: none;
}
.ab-hero h1 {
  font-size: var(--page-title);
  line-height: 1;
  letter-spacing: -.04em;
  margin: 0 0 28px;
}
.ab-line {
  display: block;
  overflow: hidden;
  padding-bottom: .08em;
  margin-bottom: -.08em;
}
.ab-line>* {
  display: inline-block;
  text-wrap: balance;
  animation: ab-line-up 1s var(--about-ease) both;
}
.ab-line+.ab-line>* {
  animation-delay: .12s;
}
.ab-hero h1 em {
  color: #85837e;
  animation: ab-line-up 1s .12s var(--about-ease) both;
}
.about-lead {
  font-size: clamp(1.08rem,1.35vw,1.24rem);
  line-height: 1.6;
  color: var(--muted);
  max-width: 44ch;
  margin: 0 0 34px;
}
.ab-hero-copy>.about-kicker,
.ab-hero-copy>.about-lead,
.ab-hero-copy>.about-actions {
  animation: ab-rise .9s var(--about-ease) both;
}
.ab-hero-copy>.about-kicker { animation-delay: .05s; }
.ab-hero-copy>.about-lead { animation-delay: .28s; }
.ab-hero-copy>.about-actions { animation-delay: .38s; }
.ab-edge {
  padding-top: var(--about-gap);
}
.edge-list {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: clamp(28px,4vw,56px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.edge-item {
  position: relative;
  padding-top: 28px;
}
.edge-item h3 {
  font-size: clamp(1.4rem,2vw,1.8rem);
  line-height: 1.12;
  letter-spacing: -.02em;
  margin-bottom: 14px;
  text-wrap: balance;
}
.edge-item p {
  font-size: 1.02rem;
  line-height: 1.65;
  color: var(--muted);
  margin: 0;
  max-width: 38ch;
}
@media (max-width:900px) {
  .edge-list {
    grid-template-columns: 1fr;
  }
}
.ab-route {
  padding-top: var(--about-gap);
}
.route-flow {
  --band: 136px;
  position: relative;
}
.route-stream {
  position: absolute;
  top: -90px;
  left: calc(50% - 50vw);
  width: 100vw;
  height: calc(var(--band) + 180px);
  pointer-events: none;
}
.route-stops {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: clamp(24px,3vw,48px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.route-stop {
  position: relative;
  padding-top: var(--band);
}
.route-node {
  position: absolute;
  top: calc(var(--band) / 2);
  left: 0;
  width: 13px;
  height: 13px;
  margin-top: -6.5px;
  border-radius: 50%;
  background: var(--bg);
  box-shadow: inset 0 0 0 2px var(--accent),0 0 0 6px rgb(172 43 108 / .08);
  transition: transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .5s;
}
.route-stop:hover .route-node {
  transform: scale(1.4);
  box-shadow: inset 0 0 0 2px var(--accent),0 0 0 9px rgb(172 43 108 / .12);
}
.route-stop:last-child .route-node {
  background: var(--accent);
}
.route-stop:last-child .route-node::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid var(--accent);
  animation: route-now 2.6s ease-out infinite;
}
@keyframes route-now {
  from {
    opacity: .7;
  }
  to {
    opacity: 0;
    transform: scale(3.2);
  }
}
.route-era {
  margin: 0 0 12px;
  font-size: .74rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--accent);
}
.route-era small {
  white-space: nowrap;
  margin-left: 6px;
  font-size: inherit;
  font-weight: 500;
  letter-spacing: .06em;
  color: var(--muted);
}
.route-stop h3 {
  margin: 0 0 10px;
  font-size: clamp(1.25rem,1.65vw,1.55rem);
  line-height: 1.15;
  letter-spacing: -.02em;
  text-wrap: balance;
}
.route-copy {
  max-width: 36ch;
  margin: 0;
  font-size: .98rem;
  line-height: 1.6;
  color: var(--muted);
}
@media (max-width:900px) {
  .route-flow {
    --band: 64px;
  }
  .route-stream {
    top: -24px;
    left: calc(-5vw);
    width: calc(5vw + var(--band));
    height: calc(100% + 48px);
  }
  .route-stops {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .route-stop {
    padding: 0 0 0 calc(var(--band) - 8px);
  }
  .route-node {
    top: .45em;
    left: calc(var(--band) / 2 - 5vw);
    margin: 0 0 0 -6.5px;
  }
}
@property --phone-x { syntax: '<angle>'; inherits: false; initial-value: -7deg; }
@property --phone-y { syntax: '<angle>'; inherits: false; initial-value: -20deg; }
@property --phone-z { syntax: '<angle>'; inherits: false; initial-value: 15deg; }
@property --phone-rise { syntax: '<length>'; inherits: false; initial-value: 0px; }
@property --plan-drift { syntax: '<length>'; inherits: false; initial-value: 0px; }
@property --plan-tilt { syntax: '<angle>'; inherits: false; initial-value: 32deg; }
@property --plan-turn { syntax: '<angle>'; inherits: false; initial-value: -13deg; }
@property --scrim-x { syntax: '<percentage>'; inherits: true; initial-value: 50%; }
@property --scrim-y { syntax: '<percentage>'; inherits: true; initial-value: 40%; }
@property --scrim-r { syntax: '<percentage>'; inherits: true; initial-value: 38%; }
@property --scrim-a { syntax: '<number>'; inherits: true; initial-value: .6; }
body:has(.curio-story) {
  overflow-x: clip;
}
.about-page .curio-story {
  --curio-night: #141312;
  --curio-step: 60svh;
  --dusk: clamp(180px,32vh,320px);
  position: relative;
  width: 100vw;
  margin: var(--about-gap) 0 0 calc(50% - 50vw);
  border-radius: 0;
  overflow: clip;
  color: #f3f3f2;
  background: var(--curio-night);
  isolation: isolate;
}
.curio-story::before,
.curio-story::after {
  display: none;
}
.about-page .curio-story::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: clamp(220px,38vh,380px);
  pointer-events: none;
  background: linear-gradient(180deg,var(--curio-night),rgb(20 19 18 / .82) 22%,rgb(20 19 18 / .45) 55%,rgb(20 19 18 / 0));
}
.curio-stage {
  --scrim-x: 50%;
  --scrim-y: 10%;
  --scrim-r: 34%;
  --scrim-a: .4;
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  background: var(--curio-night);
  transition: --scrim-x 1.4s var(--about-ease),--scrim-y 1.4s var(--about-ease),--scrim-r 1.4s var(--about-ease),--scrim-a 1.4s var(--about-ease);
}
.curio-stage[data-side=left] { --scrim-x: 4%; --scrim-y: 50%; --scrim-r: 54%; --scrim-a: 1; }
.curio-stage[data-side=right] { --scrim-x: 96%; --scrim-y: 50%; --scrim-r: 54%; --scrim-a: 1; }
.curio-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.curio-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(var(--scrim-r) 80% at var(--scrim-x) var(--scrim-y),rgb(20 19 18 / calc(var(--scrim-a) * .82)),rgb(20 19 18 / calc(var(--scrim-a) * .5)) 48%,rgb(20 19 18 / 0) 80%),
    linear-gradient(0deg,var(--curio-night),rgb(20 19 18 / .55) 8%,rgb(20 19 18 / 0) 26%),
    linear-gradient(180deg,var(--curio-night),rgb(20 19 18 / 0) 12%);
}
.curio-beats {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  max-width: 1400px;
  margin: -100vh auto 0;
  margin-top: -100svh;
  padding: 0 5vw calc(50svh - var(--curio-step) / 2);
  pointer-events: none;
}
.curio-beat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: var(--curio-step);
}
.curio-beat.curio-intro {
  justify-content: flex-start;
  min-height: 78vh;
  min-height: 78svh;
  padding-top: clamp(110px,16vh,170px);
  box-sizing: border-box;
}
.curio-beat[data-side=right] {
  align-items: flex-end;
}
.curio-beat[data-side=center] {
  align-items: center;
  text-align: center;
}
.curio-copy {
  max-width: 32rem;
  pointer-events: auto;
  opacity: calc(.16 + .84 * var(--focus,1));
}
[data-side=center]>.curio-copy {
  max-width: 46rem;
}
.curio-copy :is(h2,h3,p) {
  text-shadow: 0 1px 2px rgb(20 19 18 / .5),0 4px 30px rgb(20 19 18 / .85);
}
.curio-intro h2 em {
  text-shadow: none;
}
.curio-intro h2 {
  margin: 0;
  font-size: clamp(2.3rem,4.4vw,4rem);
  line-height: .98;
  letter-spacing: -.035em;
  color: #fff;
}
.curio-intro h2 em {
  background: linear-gradient(95deg,#f7a8cc,#f08bbd 40%,#c2c1bd);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.curio-lead {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 20px;
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--about-glow);
}
.curio-lead span:not([class]) {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  letter-spacing: .08em;
  color: rgb(243 243 242 / .5);
}
.curio-lead span:not([class])::after {
  content: "";
  width: 28px;
  height: 1px;
  background: rgb(243 243 242 / .3);
}
.curio-kinetic .curio-word {
  display: inline-block;
  white-space: nowrap;
}
.curio-kinetic :is(.curio-ch,.curio-w) {
  display: inline-block;
}
.curio-kinetic .curio-ch {
  --ti: clamp(0, var(--in,1) * 1.8 - var(--i) / var(--n) * .8, 1);
  --to: clamp(0, var(--out,0) * 1.8 - var(--i) / var(--n) * .8, 1);
  --ei: calc(1 - (1 - var(--ti)) * (1 - var(--ti)) * (1 - var(--ti)));
  transform: translate(calc((1 - var(--ei)) * var(--dx) * .9em + var(--to) * var(--dx) * .35em),calc((1 - var(--ei)) * .5em - var(--to) * var(--to) * 1.2em)) rotate(calc((1 - var(--ei)) * var(--rot) * 1deg + var(--to) * var(--rot) * .7deg)) scale(calc(1 + (1 - var(--ei)) * .4 - var(--to) * .15));
  opacity: calc(var(--ti) * (1 - var(--to)));
  filter: blur(calc((1 - var(--ei)) * 8px + var(--to) * 6px));
}
.curio-kinetic .curio-w {
  --ti: clamp(0, var(--in,1) * 1.7 - .25 - var(--i) / var(--n) * .6, 1);
  --to: clamp(0, var(--out,0) * 1.6 - var(--i) / var(--n) * .5, 1);
  transform: translateY(calc((1 - var(--ti)) * (1 - var(--ti)) * .9em - var(--to) * .7em));
  opacity: calc(var(--ti) * (1 - var(--to)));
  filter: blur(calc((1 - var(--ti)) * 5px + var(--to) * 4px));
}
@media (pointer: coarse) and (hover: none) {
  html:has(.curio-story):not(.curio-snap-off) { scroll-snap-type: y proximity; }
  .curio-beat .curio-copy { scroll-snap-align: center; scroll-snap-stop: always; }
}
.curio-kinetic .curio-lead {
  opacity: calc(min(1, var(--in,1) * 3) * (1 - var(--out,0) * var(--out,0)));
}
.curio-kinetic .curio-lead span:not([class])::after {
  transform: scaleX(calc(var(--in,1) * (1 - var(--out,0))));
  transform-origin: left;
}
.curio-code {
  white-space: pre;
}
.curio-kinetic {
  --ein: calc(1 - (1 - var(--in,1)) * (1 - var(--in,1)) * (1 - var(--in,1)));
  transform-origin: var(--hinge,0%) 50%;
  transform: perspective(1200px) translate3d(calc((1 - var(--ein)) * var(--side,1) * 70px),calc(var(--hold,0) * 1px - var(--out,0) * 40px),calc(var(--out,0) * -220px)) rotateY(calc((1 - var(--ein)) * var(--side,1) * 32deg)) rotateX(calc(var(--out,0) * 22deg));
}
.curio-kinetic.is-settled {
  transform: translateY(calc(var(--hold,0) * 1px));
}
.curio-kinetic .curio-lead,
.curio-kinetic h3 ~ p {
  translate: 0 calc(var(--d,0) * -22px);
}
.curio-kinetic h3 ~ p {
  translate: 0 calc(var(--d,0) * 18px);
}
@media (max-width:700px) {
}
.curio-kinetic.is-settled :is(.curio-ch,.curio-w) {
  transform: none;
  filter: none;
}
.curio-beat h3 {
  margin: 0 0 20px;
  font-size: clamp(2.5rem,4.8vw,4.4rem);
  line-height: 1;
  letter-spacing: -.03em;
  color: #fff;
  text-wrap: balance;
}
.curio-beat p:last-child {
  max-width: 34ch;
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.65;
  color: rgb(243 243 242 / .74);
}
.curio-rail {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: clamp(20px,4.5vh,40px);
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
  border: 1px solid rgb(255 255 255 / .09);
  border-radius: 999px;
  background: rgb(28 28 26 / .5);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .06),0 18px 50px -18px rgb(0 0 0 / .7);
  translate: -50% calc((1 - var(--rail,0)) * 16px);
  opacity: var(--rail,0);
  pointer-events: none;
  transition: opacity .5s,translate .6s var(--about-ease);
}
.curio-rail.is-on {
  pointer-events: auto;
}
.curio-rail {
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 10px;
  column-gap: 4px;
  width: max-content;
  padding: 0;
  border: 0;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}
.curio-rail .curio-rail-label {
  order: -1;
  flex-basis: 100%;
  justify-content: center;
  min-width: 0;
  margin: 0;
  font-size: .66rem;
  letter-spacing: .18em;
  text-shadow: 0 1px 12px rgb(20 19 18 / .9);
}
.curio-rail .curio-rail-label span {
  margin-right: 10px;
}
.curio-rail .curio-step {
  width: 28px;
  height: 28px;
  background: none;
  color: rgb(243 243 242 / .7);
}
.curio-rail .curio-step:hover {
  background: rgb(255 255 255 / .08);
  color: #fff;
}
.curio-rail .curio-step:disabled {
  background: none;
}
.curio-rail a::after {
  display: none;
}
.about-page .curio-story.curio-explore .curio-beats, .about-page .curio-story.curio-explore .curio-rail { display: none; }
.about-page .curio-story.curio-explore.curio-snap { height: calc(var(--cx-n,7) * 100svh); }
.curio-story .curio-snap-mark { position: absolute; left: 0; top: calc(var(--i) * 100svh + var(--cx-pad,100px)); width: 1px; height: 1px; pointer-events: none; scroll-snap-align: start; }
@media (max-width:600px) { .curio-story .curio-snap-mark { --cx-pad: 86px; } }
html:has(.curio-story.curio-snap) { scroll-snap-type: y proximity; }
.curio-story[data-look] .curio-step:hover { background: rgb(var(--lk-glow) / .24); }
.btc-hud {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  min-width: 250px;
  padding: 6px 0;
  transform-origin: 0 0;
  color: #d4d4d4;
  font: 500 10.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing: .02em;
  white-space: nowrap;
  text-shadow: 0 0 6px rgb(240 139 189 / .75), 0 0 18px rgb(240 139 189 / .35);
  opacity: 0;
  pointer-events: none;
}
.btc-hud header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px dotted rgb(247 168 204 / .5);
  font-size: 9.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #fff;
}
.btc-hud header i { font-style: normal; color: rgb(212 212 212 / .55); }
.btc-hud dl { display: grid; grid-template-columns: 62px 1fr; margin: 0; }
.btc-hud dt { color: rgb(186 186 186 / .75); }
.btc-hud dd { margin: 0; }
.btc-hud .btc-out { margin-top: 4px; padding-top: 4px; border-top: 1px dotted rgb(247 168 204 / .5); }
.btc-hud .z, .btc-hud .ok { color: #ffe3a8; font-weight: 600; text-shadow: 0 0 8px rgb(247 198 110 / .9); }
.btc-hud u { text-decoration: none; margin-left: 4px; }
.btc-hud .no { color: rgb(186 186 186 / .55); }
.curio-beat.curio-intro {
  position: relative;
}
.curio-cue {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: clamp(28px,6vh,56px);
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 6px 10px;
  border: 0;
  background: none;
  color: rgb(243 243 242 / .72);
  font-family: inherit;
  font-size: .66rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .2em;
  text-transform: uppercase;
  cursor: pointer;
  opacity: var(--cue,1);
  translate: -50% calc((1 - var(--cue,1)) * 12px);
  transition: color .25s ease;
}
.curio-cue:not(.is-on) {
  pointer-events: none;
}
.curio-cue:hover,
.curio-cue:focus-visible {
  color: #fff;
}
.curio-cue i {
  position: relative;
  width: 1px;
  height: 46px;
  overflow: hidden;
  background: linear-gradient(rgb(255 255 255 / .04),rgb(255 255 255 / .3));
}
@keyframes curio-cue-fall {
  0% { translate: 0 0; opacity: 0; }
  15%, 80% { opacity: 1; }
  100% { translate: 0 58px; opacity: 0; }
}
@media (prefers-reduced-motion:reduce) {
  .curio-cue i::after { animation: none; top: 18px; }
}
.curio-step {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgb(255 255 255 / .06);
  color: #f3f3f2;
  cursor: pointer;
  transition: background-color .3s,transform .3s var(--about-ease);
}
.curio-step:hover {
  background: rgb(240 139 189 / .24);
}
.curio-step:active {
  transform: scale(.92);
}
.curio-step:disabled {
  opacity: .3;
  cursor: default;
  background: rgb(255 255 255 / .06);
}
.curio-step svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .45s var(--about-ease);
}
.curio-step.is-out svg {
  transform: rotate(90deg);
}
.curio-step:focus-visible,
.curio-rail a:focus-visible {
  outline: 2px solid var(--about-glow);
  outline-offset: 2px;
}
.curio-rail ol {
  display: flex;
  gap: 4px;
  margin: 0 6px;
  padding: 0;
  list-style: none;
}
.curio-rail a {
  position: relative;
  display: flex;
  align-items: center;
  width: 30px;
  height: 26px;
  border-radius: 4px;
}
.curio-rail i {
  position: relative;
  flex: 1;
  height: 3px;
  overflow: hidden;
  border-radius: 3px;
  background: rgb(255 255 255 / .16);
  transition: height .3s var(--about-ease),box-shadow .4s;
}
.curio-rail i::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg,#bababa,var(--about-glow));
  transform: scaleX(var(--f,0));
  transform-origin: left;
}
.curio-rail a:hover i,
.curio-rail a.is-active i {
  height: 5px;
}
.curio-rail a.is-active i {
  box-shadow: 0 0 14px rgb(240 139 189 / .6);
}
.curio-rail a::after {
  content: attr(data-name);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 14px);
  padding: 7px 11px;
  border: 1px solid rgb(255 255 255 / .1);
  border-radius: 8px;
  background: rgb(28 28 26 / .9);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #f3f3f2;
  opacity: 0;
  translate: -50% 5px;
  pointer-events: none;
  transition: opacity .25s,translate .3s var(--about-ease);
}
.curio-rail a:hover::after,
.curio-rail a:focus-visible::after {
  opacity: 1;
  translate: -50% 0;
}
.curio-rail-label {
  display: flex;
  align-items: baseline;
  min-width: 14.5em;
  margin: 0 10px 0 4px;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgb(243 243 242 / .8);
}
.curio-rail-label b {
  font-weight: 600;
  color: var(--about-glow);
}
.curio-rail-label span {
  margin-right: 12px;
  color: rgb(243 243 242 / .35);
}
.curio-rail-label em {
  font-style: normal;
}
.curio-rail-label.is-new :is(b,em) {
  animation: curio-label .55s var(--about-ease);
}
@keyframes curio-label {
  from {
    opacity: 0;
    transform: translateY(7px);
  }
}
html.has-night body>.nav {
  transition: background-color .6s,border-color .6s,color .6s;
}
html.is-night body>.nav {
  background: rgb(20 19 18 / .62);
  border-bottom-color: rgb(255 255 255 / .08);
  color: #efefee;
}
html.is-night .nav .identity b.identity-name,
html.is-night .nav .identity b.identity-name span:last-child {
  color: #efefee;
}
html.is-night .identity img.identity-avatar {
  filter: invert(1) brightness(1.1);
}
html.is-night .nav nav a[aria-current="page"],
html.is-night .nav nav a:hover {
  color: #fff !important;
}
html.is-night .nav nav a[aria-current="page"]::after,
html.is-night body>.nav nav>a:not(.nav-resume)[aria-current="page"]::after {
  background: #fff !important;
}
html.is-night body>.nav nav>a.nav-resume,
html.is-night .nav .nav-resume {
  border-color: rgb(255 255 255 / .28) !important;
  color: #fff !important;
}
html.is-night .nav .nav-resume:hover {
  background: rgb(255 255 255 / .1) !important;
}
@media (max-width:700px) {
  .about-page .curio-story {
    --dusk: 120px;
  }
  .curio-stage::after {
    background: linear-gradient(0deg,rgb(20 19 18 / .92) 16%,rgb(20 19 18 / .5) 38%,rgb(20 19 18 / 0) 58%);
  }
  .curio-beat,
  .curio-beat[data-side] {
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: 7vh;
    text-align: left;
  }
  .curio-beat.curio-intro .curio-copy { translate: 0 var(--rise,0px); }
  .curio-beat.curio-intro .curio-cue { translate: -50% calc((1 - var(--cue,1)) * 12px + var(--rise,0px)); }
  .curio-story:not(.curio-intro-left) .curio-beat.curio-intro {
    align-items: center;
    text-align: center;
  }
  .curio-story:not(.curio-intro-left) .curio-cue {
    font-size: .8rem;
    letter-spacing: .01em;
    text-transform: none;
  }
  .curio-story:not(.curio-text-center) .curio-beat:not(.curio-intro) .curio-copy {
    scroll-snap-align: end;
    scroll-margin-bottom: 11svh;
  }
  .curio-copy {
    opacity: var(--focus,1);
  }
  .curio-beat.curio-intro {
    justify-content: flex-end;
    padding-bottom: calc(clamp(28px,6vh,56px) + 100px);
  }
  .curio-beat h3,
  .curio-intro h2 {
    font-size: 2.5rem;
  }
  .curio-beat p:last-child {
    font-size: 1rem;
  }
  .curio-rail {
    top: 78px;
    bottom: auto;
  }
  .curio-rail-label {
    display: none;
  }
}
.ab-close {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,24rem);
  gap: clamp(32px,6vw,96px);
  align-items: start;
  margin: var(--about-gap) 0 clamp(48px,7vw,96px);
  padding-top: clamp(40px,5vw,64px);
  border-top: 0;
}
.ab-close-who {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}
.ab-close-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.ab-close-who p {
  margin: 0;
  color: var(--muted);
  font-size: .95rem;
  line-height: 1.35;
}
.ab-close-who b {
  display: block;
  color: var(--ink);
  font-size: 1.05rem;
}
.ab-close-note {
  margin: 0 0 28px;
  color: var(--muted);
  font-size: 1.1rem;
  line-height: 1.55;
}
@media (max-width:820px) {
  .ab-close {
    grid-template-columns: 1fr;
    align-items: start;
  }
}
@keyframes ab-rise { from { opacity: 0; transform: translateY(22px); } }
@keyframes ab-line-up { from { transform: translateY(105%); } }
.about-animated [data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s var(--about-ease), transform .9s var(--about-ease), border-color .4s, box-shadow .6s;
  transition-delay: calc(var(--i,0) * 90ms);
}
.about-animated [data-reveal].is-revealed {
  opacity: 1;
  transform: none;
}
@media (max-width:700px) {
  .about-animated [data-reveal] {
    transform: translateY(18px);
    transition-duration: .5s;
    transition-delay: 0s;
  }
}
@media (max-width:700px) {
  .about-section-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
}
@media (max-width:560px) {
  .about-btn {
    flex: none;
    justify-content: center;
  }
}
@media (prefers-reduced-motion:reduce) {
  .about-page *,
  .about-page *::before,
  .about-page *::after {
    animation: none !important;
    transition: none !important;
  }
}
.role {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  font-size: .75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.role>span {
  font-size: 1.2rem;
  color: var(--accent);
}
.resume-page {
  max-width: 1050px;
}
.resume-page h2 {
  font-size: 1.6rem;
  margin-bottom: 20px;
}
.resume-page p {
  line-height: 1.65;
  color: var(--muted);
}
@media print {
  .resume-page {
    padding: 0;
  }
  .resume-page h1 {
    font-size: 36px;
  }
}
.resume-editorial {
  max-width: 1400px;
}
.resume-layout {
  display: grid;
  grid-template-columns: 240px minmax(0,1fr);
  gap: 75px;
  padding-top: 40px;
}
.resume-sidebar section {
  margin-bottom: 35px;
}
.resume-sidebar .eyebrow {
  font-size: .63rem;
  margin-bottom: 15px;
}
.resume-sidebar p,
.resume-sidebar li {
  font-size: .85rem;
  line-height: 1.75;
  color: var(--muted);
}
.resume-sidebar ul {
  list-style: none;
  padding: 0;
}
.resume-sidebar li {
  padding: 5px 0;
  border-bottom: 1px solid var(--line);
}
.resume-content h2 {
  font-size: 2rem;
}
.resume-evidence {
  padding: 0 0 30px;
  border-bottom: 1px solid var(--line);
}
.resume-evidence .eyebrow,
.resume-history>.eyebrow {
  font-size: .68rem;
  margin-bottom: 14px;
}
.resume-evidence>a {
  display: grid;
  grid-template-columns: 115px 1fr 20px;
  gap: 20px;
  align-items: start;
  padding: 20px 0;
  border-top: 1px solid var(--line);
  font-size: .9rem;
  line-height: 1.55;
}
.resume-evidence>a:first-of-type {
  border-top: 0;
}
.resume-evidence>a b {
  font-size: .85rem;
  font-weight: 600;
}
.resume-evidence>a span {
  color: var(--muted);
}
.resume-evidence>a i {
  color: var(--accent);
  font-style: normal;
}
.resume-evidence>a:hover:where(:not(.no-tap-hover *)) b {
  color: var(--accent);
}
.resume-history {
  padding-top: 32px;
}
.resume-history>h2 {
  margin-bottom: 30px;
}
.resume-history article {
  position: relative;
  padding: 0 0 30px 26px;
  border-left: 1px solid var(--line);
  margin-left: 5px;
}
.resume-history article::before {
  content: '';
  width: 9px;
  height: 9px;
  position: absolute;
  left: -5px;
  top: 5px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 5px var(--bg);
}
.resume-period {
  font-size: .71rem;
  font-variant-numeric: tabular-nums;
  color: var(--accent);
  display: block;
  margin-bottom: 10px;
}
.resume-history h3 {
  font-size: 1.4rem;
  margin-bottom: 5px;
}
.resume-history .role-focus {
  font-size: .78rem;
  color: var(--muted);
  margin-bottom: 15px;
}
.resume-history ul {
  padding-left: 18px;
  margin: 0 0 15px;
}
.resume-history li {
  font-size: .95rem;
  line-height: 1.65;
  margin-bottom: 8px;
  color: #5d5b55;
}
.resume-history article>p:not(.role-focus) {
  font-size: .95rem;
}
.resume-history article>a {
  font-family: var(--font-site);
  font-size: .82rem;
  font-weight: 600;
  color: var(--accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
  text-underline-offset: .28em;
  transition: text-decoration-color .2s, text-decoration-thickness .2s;
}
.resume-history article>a span { display: inline-block; margin-left: .28em; transition: transform .2s ease; }
.resume-history article>a svg { display: block; width: .68em; height: .68em; }
.resume-history article>a:hover:where(:not(.no-tap-hover *)) { text-decoration-color: currentColor; text-decoration-thickness: 2px; }
.resume-history article>a:hover:where(:not(.no-tap-hover *)) span { transform: translate(2px, -2px); }
.resume-history article>a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 3px; }
@media (prefers-reduced-motion: reduce) { .resume-history article>a, .resume-history article>a span { transition: none; } }
.resume-inset {
  background: #e9e9e8;
  padding: 15px 18px;
  border-radius: 4px;
  margin-top: 22px;
}
.resume-inset b {
  font-size: .8rem;
  font-weight: 600;
}
.resume-editorial .eyebrow {
  color: var(--accent);
}
@media (max-width:850px) {
  .resume-layout {
    grid-template-columns: 190px 1fr;
    gap: 35px;
  }
  .resume-evidence>a {
    grid-template-columns: 1fr 20px;
    gap: 8px;
  }
  .resume-evidence>a b {
    grid-column: 1;
  }
  .resume-evidence>a span {
    grid-column: 1;
  }
  .resume-evidence>a i {
    grid-column: 2;
    grid-row: 1;
  }
}
@media (max-width:600px) {
  .resume-layout {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-top: 28px;
  }
  .resume-content {
    order: 0;
  }
  .resume-sidebar {
    order: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
  }
  .resume-sidebar section {
    margin: 0 0 15px;
  }
  .resume-sidebar section:first-child {
    grid-column: 1/-1;
  }
  .resume-sidebar ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 15px;
  }
  .resume-content h2 {
    font-size: 1.8rem;
  }
  .resume-evidence {
    padding-bottom: 20px;
  }
}
@media print {
  .resume-intro {
    display: block;
    padding: 0 0 15px;
  }
  .resume-intro h1 {
    font-size: 32px;
  }
  .resume-action {
    display: none;
  }
  .resume-layout {
    display: block;
    padding-top: 20px;
  }
  .resume-sidebar {
    display: none;
  }
  .resume-history article,
  .resume-evidence>a {
    break-inside: avoid;
  }
  .resume-content h2 {
    font-size: 21px;
  }
  .resume-history h3 {
    font-size: 18px;
  }
  .resume-evidence {
    padding-bottom: 15px;
  }
  .resume-history {
    padding-top: 20px;
  }
  .resume-history li,
  .resume-history p,
  .resume-evidence>a {
    font-size: 11px !important;
  }
  .resume-history article {
    padding-bottom: 15px;
  }
}
.feature .role>span {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  height: 32px;
  border: 1px solid #dededc;
  border-radius: 50%;
  font-size: 1.1rem;
  transition: background .3s,color .3s,transform .4s;
}
@media (hover:hover) {
  .feature:hover:where(:not(.no-hover *)) .role>span {
    background: #3c3b37;
    color: #fff;
    border-color: #3c3b37;
    transform: rotate(5deg);
  }
}
.feature .role {
  font-size: .95rem;
  line-height: 1.4;
  isolation: auto;
  position: relative;
  background: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px 24px;
  margin: 22px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #dbdad7;
  border-radius: 0;
}
@media (max-width:680px) {
  .feature .role {
    font-size: .95rem;
  }
}
.feature .role>div {
  min-width: 0;
  flex: 1 1 auto;
  font-size: var(--card-meta);
  line-height: 1.45;
  font-weight: 600;
  color: var(--card-strong);
}
.feature .role small {
  display: block;
}
@media (max-width:560px) {
  .feature .role {
    gap: 16px;
  }
}
.feature .role {
  margin-top: 22px;
  padding-top: 20px;
}
@media (min-width:701px) {
  @supports (grid-template-rows:subgrid) {
    .feature .role {
      align-self: stretch;
      align-content: start;
    }
  }
}
.featured>.feature .role {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #d9d8d6;
}
.contact-page {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 10%;
  padding-top: 90px;
  padding-bottom: 120px;
  min-height: 58vh;
  align-items: start;
}
.contact-intro h1 {
  font-size: var(--page-title);
  line-height: 1.03;
  letter-spacing: -.045em;
  margin: 20px 0 28px;
}
.contact-lead {
  font-size: 1.08rem;
  line-height: 1.65;
  color: var(--muted);
  max-width: 42ch;
}
.contact-details {
  padding-top: 6px;
}
#contact-methods>a:hover {
  color: var(--accent);
}
#contact-methods>a:hover>span[aria-hidden] {
  color: var(--accent);
  transform: translate(2px,-2px);
}
#contact-methods>a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
@media (max-width:760px) {
  .contact-page {
    grid-template-columns: 1fr;
    gap: 48px;
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
body>footer.portfolio-footer {
  display: block;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 32px 0 0;
  background: #31302e;
  color: #f5f5f5;
  border: 0;
  border-radius: 0;
  padding: 28px max(5vw, calc(55vw - 700px)) 20px;
}
.portfolio-footer .footer-name {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  gap: 10px;
  flex: none;
}
.portfolio-footer nav a {
  transition: color .2s;
}
.portfolio-footer nav a>span:last-child {
  color: #bebdb9;
  transition: transform .25s;
}
.portfolio-footer nav a:hover>span:last-child {
  transform: translate(2px,-2px);
}
.portfolio-footer .footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid #ffffff24;
  align-items: center;
  font-size: 11px;
  line-height: 1.5;
  color: #c1bfbb;
  margin-top: 14px;
  padding-top: 12px;
}
.portfolio-footer .footer-bottom a {
  white-space: nowrap;
}
.portfolio-footer .footer-bottom a span {
  margin-left: 10px;
}
.portfolio-footer a:focus-visible {
  outline: 2px solid #d9d0ac;
  outline-offset: 5px;
  border-radius: 2px;
}
@media (max-width:600px) {
  body>footer.portfolio-footer {
    margin-top: 24px;
  }
  .portfolio-footer .footer-bottom>span {
    max-width: 27ch;
  }
  .portfolio-footer nav a {
    min-height: 40px;
  }
  .portfolio-footer .footer-bottom {
    font-size: 12px !important;
  }
  .portfolio-footer .footer-bottom a {
    padding: 12px 0;
  }
}
@media print {
  body>footer.portfolio-footer {
    display: none;
  }
}
.portfolio-footer .footer-main {
  grid-template-columns: minmax(0,1fr) 310px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}
.portfolio-footer nav {
  grid-template-columns: 1fr 1fr;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: none;
  font-size: 13px;
  gap: 8px 24px;
}
.portfolio-footer nav a:first-child>span:last-child {
  color: #c8c7c4;
}
@media (max-width:650px) {
  .portfolio-footer .footer-main {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.portfolio-footer .footer-signoff {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 32px;
  align-items: center;
}
.portfolio-footer nav a,
.portfolio-footer nav a:first-child {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  grid-column: auto;
  justify-self: auto;
  width: auto;
  padding: 4px 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  line-height: 1.5;
  box-shadow: none;
}
.portfolio-footer nav a>span:last-child,
.portfolio-footer nav a:first-child>span:last-child {
  display: none;
}
.portfolio-footer nav a:first-child {
  color: #f5f5f5;
  font-weight: 600;
}
.portfolio-footer nav a:hover,
.portfolio-footer nav a:first-child:hover {
  background: none;
  color: #d6d5d3;
  border: 0;
  text-decoration: underline;
  text-underline-offset: 5px;
}
@media (max-width:650px) {
  .portfolio-footer .footer-signoff {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .portfolio-footer nav {
    font-size: 13px;
  }
  .portfolio-footer .footer-bottom {
    font-size: 10px;
    gap: 20px;
  }
}
@media (max-width:650px) {
  body>footer.portfolio-footer {
    padding: 24px 5vw 18px;
  }
}
@media print {
  .nav,
  footer,
  .print-resume {
    display: none;
  }
}
h1,
h2,
h3,
h4,
.hero h1,
.feature h3,
.mini-body h3,
.era-summary h2,
.resume-intro h1,
.resume-history h3 {
  font-family: var(--font-site);
  font-weight: 800;
  letter-spacing: -.035em;
}
.hero h1,
.resume-intro h1 {
  letter-spacing: -.045em;
}
.hero-copy h1 {
  letter-spacing: -.045em;
  font-size: var(--page-title);
  line-height: 1.02;
  margin: 0 0 17px;
}
@media (max-width:900px) {
  .hero-copy h1 {
    font-size: var(--page-title);
  }
}
@media (max-width:560px) {
  .hero-copy h1 {
    font-size: var(--page-title);
    line-height: 1.06;
    margin-bottom: 13px;
  }
}
.eyebrow,
.hero-work-label,
.nav nav,
.work-filters button,
.role {
  font-weight: 600;
}
.hero-bottom p,
.detail-summary,
.mini-body p,
.confidentiality-note p {
  font-weight: 400;
}
@media (max-width:500px) {
}
@media (pointer:fine) {
  .liquid-enabled .feature:hover:where(:not(.no-hover *)) img,
  .liquid-enabled .mini-project:hover:where(:not(.no-hover *)) img {
    transform: none;
  }
}
.feature[href="case.html?project=25"] .feature-image img,
#more-grid .mini-project[data-project="25"] .mini-photo img {
  width: 136.5%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: 50% 62%;
  translate: -20.25% 0;
}
.hero-work-button .hero-work-arrow,
.hero-all-work>svg,
.feature-action>svg {
  display: none;
}
.feature .role>.feature-action,
body>.nav nav>a.nav-resume,
.hero-work-button,
.hero-all-work,
.work-filters button,
.timeline-nav button,
.print-resume,
.project-detail-footer a,
.contact-work,
button:not(.mini-project):not([role="tab"]):not(.era-preview):not(.dialog-close):not(#close-demo) {
  border-radius: 999px;
}
.mini-project:focus-visible .photo-illustration,
.feature:focus-within .photo-illustration {
  opacity: 0;
}
.feature,
.mini-project {
  --card-title: clamp(24px,2.1vw,30px);
  --card-body: 16px;
  --card-meta: 14px;
  --card-label: 11px;
  --card-muted: #71706b;
  --card-strong: #363531;
}
@media (max-width:560px) {
  .feature {
    --card-title: 25px;
    --card-body: 16px;
    --card-meta: 14px;
  }
}
.mini-project {
  --card-title: 22px;
  --card-body: 14px;
  --card-meta: 13px;
}
@media (max-width:560px) {
  .mini-project {
    --card-title: 22px;
    --card-body: 14px;
    --card-meta: 13px;
  }
}
.feature h3,
.mini-body h3 {
  font-size: var(--card-title);
  font-weight: 750;
  line-height: 1.18;
  letter-spacing: -.025em;
  margin: 0 0 16px;
  max-width: 100%;
}
.mini-body h3 {
  margin-top: 10px;
}
.feature .feature-content>p,
.mini-body>p {
  font-size: var(--card-body);
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--card-muted);
  margin: 0 0 24px;
  max-width: 60ch;
}
@media (max-width:560px) {
  .feature .feature-content>p {
    margin-bottom: 22px;
  }
}
.mini-body>p {
  margin-bottom: 18px;
}
.feature .tag-copy small,
.mini-project .tag-copy small,
.feature .role small {
  font-size: var(--card-label);
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--card-muted);
  margin: 0;
  padding: 0;
}
.mini-meta>span:first-child {
  color: var(--ink);
  font-weight: 600;
}
.mini-meta>span:last-child {
  color: var(--muted);
  font-weight: 400;
  white-space: nowrap;
  text-align: right;
}
.feature .role small {
  margin-bottom: 5px;
}
.feature .role>.feature-action,
.mini-project .mini-card-footer .mini-open {
  background: #252b2c;
  color: #fff;
  border-color: transparent;
  transition: background-color .3s ease,border-color .3s ease,color .3s ease;
  box-shadow: none;
}
.mini-project .mini-card-footer .mini-open {
  background: #f7f6fd;
  color: #302f2c;
  border-top: 1px solid #e2e1df;
}
.feature:hover:where(:not(.no-hover *)) .role>.feature-action,
.feature:focus-visible .role>.feature-action,
.feature:focus-within .role>.feature-action,
.mini-project:hover:where(:not(.no-hover *)) .mini-card-footer .mini-open,
.mini-project:focus-visible .mini-card-footer .mini-open {
  background: var(--photo-badge,#252b2c);
  color: #fff;
  border-color: transparent;
  box-shadow: none;
}
.mini-project:hover:where(:not(.no-hover *)) .mini-card-footer .mini-open,
.mini-project:focus-visible .mini-card-footer .mini-open {
  background: #f7f6fd;
  color: var(--photo-badge,#494743);
  border-top-color: #e2e1df;
  box-shadow: none;
}
#small-detail .project-contribution h2,
#small-detail .contribution-radar h2,
#case-content .contribution-radar h2,
#case-content .case-narrative h2,
#case-content .result-outcome h2,
#case-content .result-delivery h2,
#case-content .result-tools h2,
:is(#small-detail,#case-content) .interface-gallery-heading h2 {
  font-size: var(--project-heading);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.015em;
  color: var(--ink);
}
:is(#small-detail,#case-content) .interface-gallery-heading h2 {
  margin: 0;
  font-size: 20px;
  line-height: 1.3;
}
:is(#case-content,#small-detail):is(#case-content,#small-detail) h1 {
  font-size: clamp(34px,4.2vw,48px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.035em;
}
:is(#case-content,#small-detail):is(#case-content,#small-detail) :is(.case-narrative h2,.result-outcome h2,.result-delivery h2,.result-tools h2,.contribution-radar h2,.project-contribution h2,.interface-gallery-heading h2,.result-heading) {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.015em;
  color: var(--ink);
}
:is(#case-content,#small-detail):is(#case-content,#small-detail) .project-pagination-link h2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.015em;
}
:is(#case-content,#small-detail):is(#case-content,#small-detail) :is(.case-outcome,.detail-summary) {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--muted);
}
:is(#case-content,#small-detail):is(#case-content,#small-detail) .case-narrative .narrative-brief {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  color: var(--ink);
}
:is(#case-content,#small-detail):is(#case-content,#small-detail) :is(.case-narrative p,.case-narrative li,.result-statement,.result-delivery>p,.result-tools p,.project-contribution p) {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
  color: var(--muted);
}
:is(#case-content,#small-detail):is(#case-content,#small-detail) :is(.case-facts b,.detail-facts dd,.tag-copy>span,.radar-breakdown dt) {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--ink);
}
:is(#case-content,#small-detail):is(#case-content,#small-detail) :is(.back,.radar-note,.radar-level-name,figcaption,.narrative-toggle,.narrative-all,.project-detail-footer,.project-detail-footer a,.project-pagination-link p,.interface-gallery-note,.project-video-pause) {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
}
:is(#case-content,#small-detail):is(#case-content,#small-detail) :is(.eyebrow,.narrative-bar>span,.section-number,.project-pagination-link span) {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--accent);
}
:is(#case-content,#small-detail):is(#case-content,#small-detail) :is(.case-facts span,.project-detail-footer>span,.detail-facts dt,.tag-copy small) {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
  color: #76746f;
}
#case-content .case-specs {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: start;
  gap: 18px 32px;
  margin-top: 26px;
  padding: 20px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
#case-content .case-specs>.case-tags,
#case-content .case-specs>.case-facts {
  display: contents;
}
#case-content .case-specs .case-facts>div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
#case-content .case-specs .project-pill,
#case-content .case-specs .domain-pill {
  margin: 0;
}
#case-content .case-specs {
  gap: 0;
  padding: 0;
}
#case-content .case-specs>*>*,
#case-content .case-specs .case-facts>div {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px 18px 0;
}
#case-content .case-specs .case-facts>div>div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0;
}
#case-content .case-specs>*>:nth-child(even) {
  padding-left: 22px;
  border-left: 1px solid var(--line);
}
#case-content .case-specs .case-facts>div {
  border-top: 1px solid var(--line);
}
#case-content .case-specs .fact-icon {
  display: inline-flex;
  flex: none;
  color: var(--tag-ink,#494743);
}
#case-content .case-specs .fact-icon .pill-icon {
  box-sizing: border-box;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  stroke-width: 1.7;
}
#case-content .case-specs .case-facts>div:nth-child(even) {
  padding-left: 22px;
  border-left: 1px solid var(--line);
}
#case-content .case-specs .case-facts>div {
  gap: 21px;
}
#case-content .case-specs {
  grid-column: 1/-1;
  margin-top: 8px;
}
@media (min-width:901px) {
  #case-content .case-result {
    grid-auto-flow: row;
    grid-template-columns: repeat(3,minmax(0,1fr));
    column-gap: 40px;
    margin-left: -32px;
    margin-right: -32px;
    padding: 28px 32px;
  }
  #case-content .result-outcome,
  #case-content .result-delivery,
  #case-content .result-tools {
    padding: 0;
    margin: 0;
    border-left: 0;
    position: relative;
  }
  #case-content .result-delivery::before,
  #case-content .result-tools::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    border-left: 1px solid #d0d0ce;
  }
}
#case-content .case-image {
  position: relative;
  margin-bottom: 0;
}
#case-content .case-image .image-note {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: calc(100% - 24px);
  margin: 0;
  padding: 5px 10px 5px 8px;
  border-radius: 999px;
  background: #f6f3f7d9;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #4a4844;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  cursor: help;
}
#case-content .case-image .image-note::before {
  content: 'i';
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  flex: none;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 9px;
  font-weight: 600;
  font-style: italic;
  font-family: Georgia, serif;
}
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
#case-content .case-specs {
  margin-top: 0;
}
.nav .identity {
  overflow: hidden;
}
.identity img.identity-avatar,
.nav .identity b {
  transition: transform .55s cubic-bezier(.4,0,.2,1),opacity .4s ease;
}
.avatar-away .identity img.identity-avatar {
  transform: translateY(105%);
  opacity: 0;
}
.avatar-away .nav .identity .identity-name {
  transform: translateX(calc(-1 * var(--avatar-shift,87px)));
}
@media (prefers-reduced-motion:reduce) {
  .identity img.identity-avatar,
  .nav .identity b {
    transition: none;
  }
}
.nav .identity b.identity-name {
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: -.025em;
  white-space: nowrap;
  font-weight: 800;
  color: var(--ink);
}
.nav .identity b.identity-name span:last-child {
  font-weight: 400;
  color: #494743;
}
@media (max-width:700px) {
  .nav .identity b.identity-name {
    font-size: 1.25rem;
  }
}
@media (max-width:500px) {
  body>.nav .identity b.identity-name {
    display: block;
    opacity: 0;
  }
  html.avatar-away body>.nav .identity .identity-name {
    opacity: 1;
  }
}
#case-content .case-body.case-editorial {
  padding-top: 0;
}
#case-content .narrative-bar {
  padding-bottom: 14px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--line);
}
#case-content .case-narrative section,
#case-content .case-narrative section:last-child {
  border-top: 0;
  padding-top: 18px;
}
@media (max-width:900px) {
  #case-content .case-narrative section+section {
    border-top: 1px solid var(--line);
  }
}
#case-content .case-result,
#case-content .case-body section.contribution-radar {
  border: 1px solid #d4d3e0;
  border-radius: 12px;
  background: #efefe8;
  box-shadow: none;
}
#case-content .case-body section.contribution-radar {
  padding: 28px 32px;
}
@media (min-width:901px) {
  #case-content .case-body section.contribution-radar {
    margin-left: -32px;
    margin-right: -32px;
  }
}
@media (max-width:900px) {
  #case-content .case-body section.contribution-radar {
    padding: 24px;
  }
}
#case-content .case-summary {
  border: 1px solid #d4d3e0;
  border-radius: 12px;
  background: #efefe8;
  overflow: hidden;
}
@media (min-width:901px) {
  #case-content .case-summary {
    margin: 0 -32px;
  }
}
#case-content .case-summary .case-result,
#case-content .case-summary section.contribution-radar {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
#case-content .case-summary section.contribution-radar {
  border-top: 1px solid #d4d3e0;
}
:is(#case-content,#small-detail) :is(.result-outcome,.result-delivery,.result-tools,.contribution-radar) h2 {
  display: flex;
  align-items: center;
  gap: 10px;
}
:is(#case-content,#small-detail) :is(.result-outcome,.result-delivery,.result-tools,.contribution-radar) h2 .pill-icon {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  padding: 0;
  margin: 0;
  color: #494743;
  stroke-width: 2;
}
.avatar-away .identity img.identity-avatar {
  transform: translateX(-110%);
  opacity: 0;
}
.nav .identity {
  overflow: visible;
}
.avatar-away .identity img.identity-avatar {
  transform: translateX(calc(-100% - 5vw - 60px));
  opacity: 0;
}
:is(#case-content,#small-detail) :is(.result-outcome,.result-delivery,.result-tools,.contribution-radar) h2 {
  gap: 14px;
}
:is(#case-content,#small-detail) :is(.result-outcome,.result-delivery,.result-tools,.contribution-radar) h2 .pill-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  stroke-width: 1.8;
  color: var(--tag-ink,#494743);
}
#case-content .case-specs .fact-icon,
#case-content .case-specs .fact-icon .pill-icon,
:is(#case-content,#small-detail) :is(.result-outcome,.result-delivery,.result-tools,.contribution-radar) h2 .pill-icon {
  color: rgb(81,79,74);
  stroke-width: 1.8;
}
#case-content .case-specs {
  border-bottom: 0;
}
#case-content .case-body.case-editorial {
  margin-top: 8px;
}
@media (min-width:901px) {
  #case-content {
    grid-template-columns: minmax(0,2fr) minmax(0,1fr);
  }
  #case-content .case-hero { grid-column: 1; grid-row: 1; }
  #case-content .case-image { grid-column: 2; grid-row: 1; }
  #case-content .case-specs { grid-column: 1; grid-row: 2; align-self: start; }
  #case-content .case-mosaic { grid-column: 2; grid-row: 2; align-self: start; }
  #case-content>:not(.case-hero):not(.case-image):not(.case-specs):not(.case-mosaic) { grid-column: 1/-1; }
}
#case-content .case-mosaic {
  display: grid;
  grid-template-columns: repeat(var(--tiles,3),minmax(0,1fr));
  gap: 8px;
  margin: 0;
}
#case-content .case-mosaic img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 8px;
}
@media (min-width:901px) {
  #case-content .case-mosaic {
    align-self: stretch;
    grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);
    grid-template-rows: 1fr 1fr;
    min-height: 0;
  }
  #case-content .case-mosaic img {
    aspect-ratio: auto;
    height: 100%;
    min-height: 0;
  }
  #case-content .case-mosaic img:first-child {
    grid-row: span 2;
  }
}
@media (min-width:901px) {
  #case-content .case-mosaic {
    contain: size;
    grid-template-rows: minmax(0,1fr) minmax(0,1fr);
  }
}
@media (min-width:901px) {
  #case-content .case-image {
    grid-row: 1 / 3;
    align-self: stretch;
    display: grid;
    grid-template-rows: auto minmax(0,1fr);
    gap: 8px;
  }
  #case-content .case-image>img {
    border-radius: 8px;
  }
  #case-content .case-image .case-mosaic {
    grid-column: auto;
    grid-row: auto;
    min-height: 120px;
  }
}
#case-content .case-image .image-note {
  top: 12px;
  bottom: auto;
}
:is(#case-content,#small-detail):is(#case-content,#small-detail) a.back {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
}
:is(#case-content,#small-detail) .back-arrow {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--accent);
  border-radius: 50%;
  background: var(--accent);
  color: #fff;
  transition: background-color .25s ease,border-color .25s ease,color .25s ease;
}
:is(#case-content,#small-detail) .back-arrow svg {
  width: 16px;
  height: 16px;
  transition: transform .3s cubic-bezier(.4,0,.2,1);
}
:is(#case-content,#small-detail) a.back:hover .back-arrow,
:is(#case-content,#small-detail) a.back:focus-visible .back-arrow {
  background: color-mix(in srgb, var(--accent) 82%, #000);
  border-color: color-mix(in srgb, var(--accent) 82%, #000);
  color: #fff;
}
:is(#case-content,#small-detail) a.back:hover .back-arrow svg {
  transform: translateX(-3px);
}
@media (prefers-reduced-motion:reduce) {
  :is(#case-content,#small-detail) .back-arrow,
  :is(#case-content,#small-detail) .back-arrow svg { transition: none; }
}
#case-content .case-image .image-note {
  top: 12px; left: 12px; bottom: auto;
  display: flex; align-items: center; gap: 8px;
  padding: 0; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; cursor: default;
}
#case-content .case-image .image-note::before { content: none; }
#case-content .image-note-btn {
  display: grid; place-items: center; width: 26px; height: 26px; padding: 0;
  border: 0; border-radius: 50%; background: #f6f3f7e6;
  color: #494743; font: italic 700 13px/1 Georgia, serif;
  box-shadow: 0 1px 4px #23232333; cursor: help;
}
#case-content .image-note [role=tooltip] {
  padding: 6px 11px; border-radius: 8px; background: #f6f3f7f2; color: #4a4844;
  font-size: 12px; line-height: 1.35; max-width: 240px;
  opacity: 0; transform: translateX(-4px); pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}
#case-content .image-note:hover [role=tooltip],
#case-content .image-note-btn:focus-visible + [role=tooltip],
#case-content .image-note.is-open [role=tooltip] { opacity: 1; transform: none; }
@media (min-width:901px) {
  #case-content .case-summary {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  }
  #case-content .case-summary section.contribution-radar {
    grid-column: 1; grid-row: 1;
    display: flex; flex-direction: column; align-items: stretch; gap: 8px;
    border-top: 0; border-right: 1px solid #d4d3e0;
    padding: 28px 32px;
  }
  #case-content .case-summary .case-result {
    grid-column: 2; grid-row: 1;
    display: flex; flex-direction: column;
    margin: 0; padding: 4px 32px;
  }
  #case-content .case-summary .case-result>* {
    padding: 22px 0; border: 0;
  }
  #case-content .case-summary .case-result>*+* {
    border-top: 1px solid #d4d3e0;
  }
  #case-content .case-summary .case-result>*::before { content: none; }
}
#case-content .case-summary .radar-breakdown { display: none; }
#case-content .case-summary .radar-summary { max-width: none; }
#case-content .case-summary .radar-chart { max-width: 440px; }
@media (min-width:901px) {
  #case-content .case-summary .case-result { grid-column: 1; }
  #case-content .case-summary section.contribution-radar {
    grid-column: 2;
    border-right: 0;
    border-left: 1px solid #d4d3e0;
    min-height: 0;
    contain: size;
    height: 100%;
    padding: 24px 32px;
  }
  #case-content .case-summary .radar-figure {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    justify-content: center;
  }
  #case-content .case-summary .radar-chart {
    width: auto;
    height: 100%;
    max-width: 100%;
  }
}
.radar-chart .radar-labels text {
  font-size: 19px;
  font-weight: 500;
  fill: #898781;
}
.radar-chart .radar-labels text.is-active {
  font-size: 20px;
  font-weight: 600;
  fill: #31302d;
}
#case-content .case-summary,
#case-content .case-summary:is(*) {
  margin: 0;
  border: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: none;
  overflow: visible;
}
@media (min-width:901px) {
  #case-content .case-summary .case-result { padding: 0 32px 0 0; }
  #case-content .case-summary section.contribution-radar {
    border-left: 1px solid var(--line);
    padding: 24px 0 24px 32px;
  }
  #case-content .case-summary .case-result>*+* { border-top-color: var(--line); }
}
@media (max-width:900px) {
  #case-content .case-summary .case-result,
  #case-content .case-summary section.contribution-radar { padding-left: 0; padding-right: 0; }
  #case-content .case-summary section.contribution-radar { border-top-color: var(--line); }
}
#case-content .case-summary .radar-point,
#case-content .case-summary .radar-point.is-primary { stroke: #f5f5f5; }
#case-content .case-summary .radar-point:not(.is-primary) { fill: #f5f5f5; stroke: #494743; }
#featured .feature .feature-tags {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0;
}
#featured .feature .feature-tags>.domain-pill {
  padding-left: 22px;
  border-left: 1px solid var(--line);
}
#featured .feature .feature-tags {
  position: relative;
}
#featured .feature .feature-tags>.domain-pill {
  border-left: 0;
}
#featured .feature .feature-tags::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: -22px;
  width: 1px;
  background: var(--line);
  pointer-events: none;
}
.feature-meta>span:last-child,
.mini-meta>span:last-child {
  font-weight: 800;
  color: var(--ink);
}
#featured .feature .feature-meta>span:last-child,
#more-grid .mini-project .mini-meta>span:last-child {
  font-weight: 800 !important;
  color: var(--ink);
}
.industry-focus .focus-logo-grid { margin-bottom: 4px; }
.nav .identity b.identity-name span:last-child { color: #595753; }
.nav nav a[aria-current="page"],
.nav nav a:hover { color: var(--ink) !important; }
.nav nav a[aria-current="page"]::after,
body>.nav nav>a:not(.nav-resume)[aria-current="page"]::after { background: var(--ink) !important; }
body>.nav nav>a.nav-resume,
.nav .nav-resume {
  background: transparent !important;
  border-color: #cfcfd2 !important;
  color: var(--ink) !important;
}
.nav .nav-resume:hover { background: #ececee !important; }
#featured .feature .tag-copy small,
#featured .feature .role small {
  font-size: 13px !important; font-weight: 500 !important; line-height: 1.3 !important;
  letter-spacing: 0 !important; text-transform: none !important; color: #6d6b66 !important;
}
#featured .feature .tag-copy>span,
#featured .feature .role>div {
  font-size: 17px !important; font-weight: 600 !important; line-height: 1.35 !important;
  letter-spacing: -.005em !important; color: var(--ink) !important;
}
.illustrated-photo { overflow: hidden; }
#featured .feature:is(:hover,:focus-visible):where(:not(.no-hover *)) .role>.feature-action,
#featured .feature .role>.feature-action:hover:where(:not(.no-hover *)) {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}
#featured .feature .role>.feature-action::after { animation: none !important; }
html:not(.btnedge-red):not(#a):not(#b) body #featured .feature:is(:hover,:focus-visible) .role>.feature-action, html:not(.btnedge-red):not(#a):not(#b) body #featured .feature .role>.feature-action:hover { border-color: transparent !important; }
#more-grid .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-open svg {
  background: var(--accent) !important;
  color: #1e1e1c !important;
}
#featured .feature .feature-tags::after { bottom: calc(-1 * var(--divider-reach, 22px) - 1px) !important; }
.more-toolbar { gap: 16px; }
.more-view-toggle { display: inline-flex; gap: 2px; padding: 3px; margin-left: auto; border: 1px solid var(--line); border-radius: 999px; }
.more-view-toggle button { display: grid; place-items: center; width: 32px; height: 28px; padding: 0; border: 0; border-radius: 999px !important; background: transparent; color: #6d6b66; }
.more-view-toggle button[aria-pressed="true"] { background: var(--ink); color: #fff; }
.more-view-toggle svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; }
#more-grid.is-list .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-photo { clip-path: inset(0 round 12px) !important; }
#more-grid.is-list .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-photo img { scale: 1.05; }
#more-grid.is-list .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-open { background: var(--ink); border-color: var(--ink) !important; color: #fff; }
#more-grid.is-list .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-open svg { rotate: 45deg; }
#more-grid.is-list .mini-project::before,
#more-grid.is-list .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *))::before {
  inset: auto 0 -1px 0 !important; height: 1px; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  background: var(--ink) !important; z-index: 1;
  transform: scaleX(0); transform-origin: left center;
  transition: transform .6s cubic-bezier(.22,1,.36,1) !important;
}
#more-grid.is-list .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *))::before { transform: scaleX(1); }
#more-grid.is-list .mini-project:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 12px !important; }
#more-grid.is-list .mini-open svg,
#more-grid.is-list .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-open svg {
  width: 16px !important; height: 16px !important; padding: 0 !important;
  background: none !important; color: currentColor !important; border-radius: 0 !important;
  transform: none !important; rotate: 0deg !important;
}
#more-grid.is-list .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-open {
  background: var(--accent) !important; border-color: var(--accent) !important; color: #fff !important;
}
#more-grid.is-list .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-open svg { translate: 1px -1px; }
@media (max-width:1100px) {
}
@media (max-width:900px) {
}
@media (max-width:600px) {
}
.mountain-parallax { transform: none !important; will-change: auto !important; }
.mountain-stage { position: fixed; inset: 0; z-index: -1; pointer-events: none; }
html[data-sky=blue]:not([data-tod=night]):not([data-variant=nocturne]) .mountain-stage::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, #5b95d3 0%, #86b3e2 32%, #b9d4ee 58%, #dce8f3 78%, #eef3f7 100%); }
@supports (height: 100lvh) { .mountain-stage { bottom: auto; height: 100lvh; } }
.mountain-stage canvas { position: relative; display: block; width: 100%; height: 100%; }
.mountain-sky {
  position: absolute; inset: 0 0 auto 0; height: var(--sky-h, 100vh); overflow: hidden; pointer-events: none; opacity: 0;
}
html[data-tod=night] .mountain-stage::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: var(--sky-h, 100vh); background: #e9eaf5; }
.mountain-sky .sky-fill {
  position: absolute; top: 0; left: 0; right: 0; height: 110vh; will-change: transform;
  background: linear-gradient(180deg, #080a24 0%, #121540 30%, #22205a 56%, #4e4d48 80%, #615f59 100%);
}
.mountain-sky .sky-pan { position: absolute; top: 0; left: 0; will-change: transform; }
.mountain-sky .sky-pan canvas { position: absolute; top: 0; left: 0; }
.mountain-sky .sky-twinkle { animation: sky-twinkle 3.2s ease-in-out infinite alternate; }
@keyframes sky-twinkle { from { opacity: .15; } to { opacity: 1; } }
@media (prefers-reduced-motion:reduce) { .mountain-sky .sky-twinkle { animation: none; } }
.experience-page:has(.mountain-stage) .career-landscape::after { display: none; }
.career-hero-landscape :is(.eyebrow,.career-title,.career-title em,p,.strata-cue) { transition: color .9s ease, background-color .9s ease; }
html:is([data-tod=night], .night-early) .career-hero-landscape .eyebrow { color: #ffb3d6 !important; text-shadow: none; }
html[data-tod=night] .career-hero-landscape .career-title { color: #fff; }
html[data-tod=night] .career-hero-landscape .career-title em { color: #bfbfbf; background: linear-gradient(100deg, #dbdbdb 0%, #acacac 55%, #e7a6e0 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html[data-tod=night] .career-hero-landscape>p:not(.eyebrow) { color: #e4e4e4; }
html[data-tod=night] .career-hero-landscape .strata-cue.hero-work-button { background: #efefef !important; color: #242424 !important; box-shadow: 0 0 0 1px rgb(255 255 255 / .5), 0 6px 24px rgb(172 172 172 / .28); }
html[data-tod=night] .career-hero-landscape .strata-cue.hero-work-button:hover { background: #fff !important; }
html[data-tod=night].is-night body>.nav { background: rgb(9 12 38 / .72); border-bottom-color: rgb(255 255 255 / .08); }
html[data-tod=night].is-night .identity img.identity-avatar { filter: brightness(1.25) drop-shadow(0 0 1px rgb(255 255 255 / .55)); }
.experience-page:has(.mountain-stage) .stratum-1 { --layer: rgb(237 237 236 / .86); }
.experience-page:has(.mountain-stage) .stratum-2 { --layer: rgb(215 214 211 / .9); }
.experience-page:has(.mountain-stage) .stratum-3 { --layer: rgb(197 196 193 / .92); }
.career-hero-landscape .career-landscape {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgb(0 0 0 / .08) 14%, rgb(0 0 0 / .35) 28%, rgb(0 0 0 / .7) 42%, #000 58%) !important;
          mask-image: linear-gradient(to right, transparent 0%, rgb(0 0 0 / .08) 14%, rgb(0 0 0 / .35) 28%, rgb(0 0 0 / .7) 42%, #000 58%) !important;
}
.career-landscape::after {
  background: linear-gradient(to bottom, var(--bg) 0%, rgb(245 245 245 / .55) 9%, rgb(245 245 245 / .12) 20%, transparent 32%, transparent 42%, rgb(245 245 245 / .18) 56%, rgb(245 245 245 / .5) 70%, rgb(245 245 245 / .82) 84%, var(--bg) 97%) !important;
}
@media (max-width:650px) {
  .career-hero-landscape .career-landscape {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgb(0 0 0 / .3) 14%, rgb(0 0 0 / .75) 28%, #000 40%) !important;
            mask-image: linear-gradient(to bottom, transparent 0%, rgb(0 0 0 / .3) 14%, rgb(0 0 0 / .75) 28%, #000 40%) !important;
  }
}
@property --ink-reach { syntax: '<percentage>'; inherits: false; initial-value: 170%; }
@property --ink-feather { syntax: '<percentage>'; inherits: false; initial-value: 42%; }
@property --gx { syntax: '<percentage>'; inherits: false; initial-value: 20%; }
@property --gy { syntax: '<percentage>'; inherits: false; initial-value: 30%; }
.illustrated-photo>:is(.photo-glow,.photo-glow-core) {
  position: absolute;
  inset: -24px;
  z-index: 6;
  pointer-events: none;
  filter: url(#ink-bleed) blur(4px);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, #000 calc(var(--ink-reach) - var(--ink-feather)), transparent var(--ink-reach));
          mask-image: radial-gradient(circle at 0% 100%, #000 calc(var(--ink-reach) - var(--ink-feather)), transparent var(--ink-reach));
  transform-origin: 0% 100%;
}
.illustrated-photo>.photo-glow {
  mix-blend-mode: screen;
  --glow-opacity: .8;
  opacity: .8;
  background:
    conic-gradient(from calc(198deg + var(--rot, 0deg) * .12) at 0% 100%,
      var(--glow-b) 0deg, color-mix(in srgb, var(--glow-b) 50%, transparent) 24deg, transparent 46deg),
    radial-gradient(var(--sa, 90%) calc(var(--sa, 90%) * var(--ea, .7) + 30%) at calc(var(--gx) * .5) calc(45% + var(--gy) * .45),
      var(--glow-a), color-mix(in srgb, var(--glow-a) 45%, transparent) 38%, transparent 70%),
    radial-gradient(var(--sb, 75%) calc(var(--sb, 75%) * 1.25) at calc(12% + var(--gy) * .35) calc(60% + var(--gx) * .3),
      color-mix(in srgb, var(--glow-b) 80%, transparent), transparent 66%),
    linear-gradient(90deg, color-mix(in srgb, var(--glow-b) 75%, transparent) 0%, color-mix(in srgb, var(--glow-b) 30%, transparent) 40%, transparent 68%);
}
.illustrated-photo>.photo-glow-core {
  background: radial-gradient(64% 80% at 0% 100%,
    color-mix(in srgb, var(--glow-b) 90%, transparent) 0%,
    color-mix(in srgb, var(--glow-b) 78%, transparent) 12%,
    color-mix(in srgb, var(--glow-b) 60%, transparent) 26%,
    color-mix(in srgb, var(--glow-b) 30%, transparent) 42%,
    color-mix(in srgb, var(--glow-b) 10%, transparent) 58%,
    transparent 72%);
  filter: url(#ink-bleed) blur(6px);
}
.illustrated-photo>:is(.photo-glow,.photo-glow-core) { animation: none; }
@keyframes photo-dye-in {
  from { --ink-reach: 0%; --ink-feather: 150%; --gx: 0%; --gy: 90%; opacity: 0; transform: rotate(-8deg) scale(1.08); }
  30%  { opacity: calc(var(--glow-opacity, 1) * .5); }
}
@keyframes photo-ink-in {
  from { --ink-reach: 0%; opacity: 0; }
  30%  { opacity: 1; }
  to   { --ink-reach: 170%; }
}
#featured .feature:is(:hover,:focus-within):where(:not(.no-hover *)) .illustrated-photo>:is(.photo-glow,.photo-glow-core),
#more-grid .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .illustrated-photo>:is(.photo-glow,.photo-glow-core),
#featured .glow-spent>:is(.photo-glow,.photo-glow-core),
#more-grid .glow-spent>:is(.photo-glow,.photo-glow-core) {
  --ink-reach: 0%;
  opacity: 0;
  animation: photo-ink-out 1.4s linear backwards;
}
@keyframes photo-ink-out {
  from { --ink-reach: 170%; --ink-feather: 42%; opacity: var(--glow-opacity, 1); transform: scale(1); animation-timing-function: cubic-bezier(.3,0,.2,1); }
  35%  { --ink-feather: 95%; opacity: calc(var(--glow-opacity, 1) * .72); animation-timing-function: cubic-bezier(.25,.1,.15,1); }
  to   { --ink-reach: 0%; --ink-feather: 95%; opacity: 0; transform: scale(.94); }
}
@media (hover:none),(prefers-reduced-motion:reduce) {
  .illustrated-photo>:is(.photo-glow,.photo-glow-core) { animation: none !important; filter: blur(4px); }
}
@media (prefers-reduced-motion:reduce) {
  #featured .glow-spent>:is(.photo-glow,.photo-glow-core),
  #more-grid .glow-spent>:is(.photo-glow,.photo-glow-core) { opacity: 0; }
}
@media (prefers-reduced-motion:no-preference) {
  #featured .feature:not(.is-revealed) { opacity: 0; }
  #featured .feature:not(.is-revealed) .illustrated-photo>:is(.photo-glow,.photo-glow-core) { animation-play-state: paused; }
}
.focus-logo-grid.logo-orb:active { cursor: grabbing; }
.focus-logo-grid.logo-orb .focus-logo:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.focus-logo-grid.logo-orb .focus-logo:is(:hover,.is-selected) img { filter: none; opacity: 1; }
@media (max-width:600px) {
}
@media (min-width:901px) {
  #case-content .case-summary .case-result { padding-right: 0 !important; }
  #case-content .case-summary .case-result>* { padding-right: 32px !important; }
}
.timeline-track.timeline-horizontal [data-era]:hover::after { transform: scale(1.25); border-color: var(--accent) !important; }
@media (prefers-reduced-motion:reduce) {
  .timeline-track.timeline-horizontal::after, .timeline-track.timeline-horizontal [data-era]::after { transition: none; }
}
.career-explorer .timeline-nav button:hover:not(:disabled) { background: var(--ink) !important; border-color: var(--ink) !important; color: #fff; }
.career-explorer .timeline-nav button:disabled { opacity: .35; cursor: default; }
#career-panel .era-projects a:hover b { background: var(--ink); color: #fff; border-color: var(--ink); transform: rotate(45deg); }
#career-panel .era-projects a:hover h4 { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width:900px) {
}
@media (prefers-reduced-motion: no-preference) {
}
@keyframes ff-drift { to { transform: translateX(var(--shift)); } }
@keyframes ff-dance { 50% { transform: translateX(var(--glide)) scaleX(var(--turn)) skewY(var(--tilt)); } }
@media (max-width:900px) {
}
#more>.section-heading { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; }
#more .more-toolbar .more-view-toggle { flex: none; margin: 0; }
@media (max-width:700px) {
}
.career-explorer .timeline-nav button:disabled { opacity: .55; }
#more-count { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0 !important; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0 !important; }
@keyframes arrow-pass {
  0%   { translate: 0 0; opacity: 1; }
  38%  { translate: var(--pass, 18px) calc(-1 * var(--pass, 18px)); opacity: 0; }
  39%  { translate: calc(-1 * var(--pass, 18px)) var(--pass, 18px); opacity: 0; }
  100% { translate: 0 0; opacity: 1; }
}
@keyframes arrow-ring {
  0%   { box-shadow: 0 0 0 0 rgb(172 43 108 / .6); }
  100% { box-shadow: 0 0 0 12px rgb(172 43 108 / 0); }
}
@media (prefers-reduced-motion: no-preference) {
  #more-grid:not(.is-list) .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-open svg { animation: arrow-ring .9s cubic-bezier(.22,1,.36,1) .12s both; }
  #more-grid:not(.is-list) .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-open svg path { animation: arrow-pass .6s cubic-bezier(.55,0,.25,1) .14s both; }
  #more-grid.is-list .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-open { animation: arrow-ring .9s cubic-bezier(.22,1,.36,1) .05s both; }
  #more-grid.is-list .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-open svg path { animation: arrow-pass .6s cubic-bezier(.55,0,.25,1) .08s both; }
  #featured .feature:is(:hover,:focus-visible):where(:not(.no-hover *)) .feature-action svg path { --pass: 15px; animation: arrow-pass .6s cubic-bezier(.55,0,.25,1) .1s both; }
  #featured .feature:active .role>.feature-action { animation: arrow-ring .7s cubic-bezier(.22,1,.36,1) both; }
}
#more-grid .mini-open svg, #more-grid.is-list .mini-open, #featured .feature-action { transition-property: background, background-color, color, border-color, transform, rotate, scale, box-shadow !important; }
#more-grid .mini-project:active .mini-open svg,
#more-grid.is-list .mini-project:active .mini-open,
#featured .feature:active .feature-action { scale: .9; transition-duration: .12s !important; }
#experience.career-hero-landscape { padding-bottom: 12px !important; min-height: 350px !important; }
.mini-photo .mini-flag {
  position: absolute; top: 10px; left: 10px; z-index: 9;
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 9px 4px 7px;
  border-radius: 999px;
  background: rgb(255 255 255 / .72);
  -webkit-backdrop-filter: blur(10px) saturate(1.4); backdrop-filter: blur(10px) saturate(1.4);
  box-shadow: 0 0 0 1px rgb(255 255 255 / .6) inset, 0 4px 12px -4px rgb(38 38 36 / .35);
  color: var(--ink);
  font: 600 10.5px/1.2 var(--font-site); letter-spacing: .09em; text-transform: uppercase;
  pointer-events: none;
}
.mini-photo .mini-flag svg { width: 10px; height: 10px; fill: var(--accent); }
#more-grid:not(.is-list) .mini-meta { font-size: 13px !important; line-height: 1.3 !important; letter-spacing: .01em !important; }
#more-grid:not(.is-list) .mini-meta span:first-child { font-weight: 600 !important; color: var(--ink) !important; }
#more-grid:not(.is-list) .mini-meta span + span { font-weight: 600 !important; color: var(--muted) !important; }
#more-grid:not(.is-list) .mini-body h3 { font-size: 22px !important; line-height: 1.18 !important; letter-spacing: -.015em !important; font-weight: 800 !important; }
#more-grid:not(.is-list) .mini-body>p { font-size: 15px !important; line-height: 1.5 !important; color: var(--muted) !important; }
#more-grid:not(.is-list) .mini-tags .tag-copy small { font-size: 11.5px !important; font-weight: 500 !important; color: var(--muted) !important; letter-spacing: .01em !important; }
#more-grid:not(.is-list) .mini-tags .tag-copy>span { font-size: 14px !important; font-weight: 600 !important; color: var(--ink) !important; }
#more-grid:not(.is-list) .mini-card-footer .mini-open {
  display: inline-flex !important; align-items: center; gap: 6px;
  align-self: flex-end; margin-left: auto;
  width: auto !important; min-height: 38px;
  padding: 10px 16px !important;
  border: 1px solid transparent !important; border-radius: 999px !important;
  background: #252b2c !important; color: #fff !important;
  font: 600 14px/1.2 var(--font-site) !important; letter-spacing: 0 !important;
  transition: background-color .25s ease, color .25s ease, scale .15s ease !important;
}
#more-grid:not(.is-list) .mini-card-footer .mini-open>span { display: inline !important; color: inherit !important; font: inherit !important; }
#more-grid:not(.is-list) .mini-card-footer .mini-open svg,
#more-grid:not(.is-list) .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-card-footer .mini-open svg {
  width: 17px !important; height: 17px !important; padding: 0 !important; flex: none !important;
  background: none !important; color: currentColor !important; border-radius: 0 !important;
  transform: none !important; rotate: 0deg !important; box-shadow: none !important; animation: none !important;
  fill: none; stroke: currentColor; stroke-width: 1.6;
}
#more-grid:not(.is-list) .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-card-footer .mini-open { background: var(--accent) !important; color: #fff !important; }
#more-grid:not(.is-list) .mini-card-footer { border-top: 0 !important; }
@media (prefers-reduced-motion: no-preference) {
  #more-grid:not(.is-list) .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-card-footer .mini-open { animation: arrow-ring .9s cubic-bezier(.22,1,.36,1) .05s both; }
  #more-grid:not(.is-list) .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-card-footer .mini-open svg path { --pass: 15px; animation: arrow-pass .6s cubic-bezier(.55,0,.25,1) .1s both !important; }
}
.work-filters button { display: inline-flex; align-items: center; gap: 7px; }
.work-filters .filter-count { font-weight: 500; font-variant-numeric: tabular-nums; opacity: .55; }
.work-filters button[aria-pressed=true] .filter-count { opacity: .7; }
#more .more-view-toggle { padding: 2px; }
#more .more-view-toggle button { width: 34px; height: 28px; }
#more-grid:not(.is-list) .mini-card-footer .mini-open { padding: 11px 20px !important; font-size: 15px !important; font-weight: 600 !important; }
#more-grid:not(.is-list) .mini-card-footer .mini-open svg { display: none !important; }
#more-grid:not(.is-list) .mini-card-footer .mini-open {
  min-height: 34px !important; padding: 8px 15px !important;
  font-size: 13.5px !important; font-weight: 600 !important;
}
.mini-photo .mini-flag {
  top: 12px; left: 12px; gap: 6px;
  padding: 5px 10px 5px 8px;
  background: rgb(38 38 36 / .82);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  box-shadow: 0 0 0 1px rgb(255 255 255 / .12) inset, 0 6px 16px -6px rgb(23 22 21 / .5);
  color: #fff;
  font-size: 10px; letter-spacing: .12em;
}
.mini-photo .mini-flag svg { width: 10px; height: 10px; fill: #9ec5ff; }
.focus-logo-grid.logo-belt:active { cursor: grabbing; }
.focus-logo-grid.logo-belt .focus-logo:is(.is-focus, :hover) img { filter: none; opacity: 1; }
.focus-logo-grid.logo-belt .focus-logo:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 8px; }
@media (max-width:600px) {  }
.mini-photo .mini-flag { top: 22px; left: 22px; }
#more-grid:not(.is-list) .mini-photo .mini-flag {
  top: calc(var(--photo-out, 11px) + 12px); left: calc(var(--photo-out, 11px) + 12px);
  transition: top .75s cubic-bezier(.4,0,.2,1), left .75s cubic-bezier(.4,0,.2,1);
}
#more-grid:not(.is-list) .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-photo .mini-flag { top: 18px; left: 18px; }
.focus-logo-grid.logo-belt .focus-logo:is(.is-lit, :focus-visible) img { filter: none !important; opacity: 1; }
#more.more-section { position: relative; }
#more-grid{ position: relative; z-index: 1; }
@media (prefers-reduced-motion: no-preference) {
}
#more-grid:not(.is-list) .mini-card-footer .mini-tags::before {
  content: ''; position: absolute; left: 0; right: 0; bottom: -18px; height: 1px;
  background: rgb(221 220 218); pointer-events: none;
}
#more-grid:not(.is-list) .mini-card-footer .mini-open { margin-top: 22px; }
#more-grid:not(.is-list) .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-card-footer .mini-open { color: #fff !important; }
.mini-photo .mini-flag {
  gap: 5px; padding: 4px 10px 4px 8px;
  background: rgb(255 255 255 / .86);
  -webkit-backdrop-filter: blur(10px) saturate(1.3); backdrop-filter: blur(10px) saturate(1.3);
  box-shadow: 0 0 0 1px rgb(38 38 36 / .06), 0 4px 12px -6px rgb(38 38 36 / .35);
  color: var(--ink);
  font: 600 12px/1.3 var(--font-site); letter-spacing: .01em; text-transform: none;
}
.mini-photo .mini-flag svg { width: 11px; height: 11px; fill: var(--accent); }
.focus-logo-grid.logo-depth {
  display: block !important; height: auto !important; max-width: 1040px; margin: 10px auto 18px !important;
  padding: 26px 0 40px !important;
  perspective: 1100px; perspective-origin: 50% 20%;
}
.logo-depth .logo-plane {
  display: grid; grid-template-columns: repeat(8, minmax(0, 1fr));
  transform-style: preserve-3d; transform: rotateX(24deg);
  will-change: transform;
  -webkit-mask-image: radial-gradient(75% 110% at 50% 45%, #000 60%, transparent 100%);
          mask-image: radial-gradient(75% 110% at 50% 45%, #000 60%, transparent 100%);
}
.focus-logo-grid.logo-depth .logo-plane .focus-logo {
  position: relative; display: grid; place-items: center;
  height: 92px; padding: 0 10px !important; margin: 0 !important;
  grid-column: auto !important;
  border-right: 1px solid rgb(38 38 36 / .1); border-bottom: 1px solid rgb(38 38 36 / .1);
  transform-style: preserve-3d; cursor: default;
  background: none !important; box-shadow: none !important;
}
.logo-depth .logo-plane .focus-logo:nth-child(8n) { border-right: 0; }
.logo-depth .logo-plane .focus-logo:nth-last-child(-n+8) { border-bottom: 0; }
.logo-depth .logo-plane .focus-logo img {
  width: auto !important; max-width: 100% !important; max-height: none !important;
  filter: grayscale(1) brightness(0) !important; opacity: .58;
  transform: translateZ(var(--z, 20px));
  transition: filter .25s ease, opacity .25s ease, transform .3s cubic-bezier(.22,1,.36,1);
  pointer-events: none;
}
.logo-depth .logo-plane .focus-logo::after {
  content: ''; position: absolute; left: 30%; right: 30%; bottom: 22px; height: 8px; border-radius: 50%;
  background: radial-gradient(closest-side, rgb(38 38 36 / .14), transparent);
  transform: translateZ(0); opacity: .7; transition: opacity .45s ease, transform .55s cubic-bezier(.22,1,.36,1);
  pointer-events: none;
}
.logo-depth .logo-plane .focus-logo:hover img { filter: none !important; opacity: 1; transform: translateZ(calc(var(--z, 20px) + 60px)) scale(1.12); }
.logo-depth .logo-plane .focus-logo:hover::after { opacity: 1; transform: scale(1.5); }
@media (prefers-reduced-motion: no-preference) {
  .logo-depth .logo-plane .focus-logo img { animation: logo-bob 5s ease-in-out var(--bob, 0s) infinite alternate; }
  .logo-depth .logo-plane .focus-logo:hover img { animation-play-state: paused; }
}
@keyframes logo-bob { from { translate: 0 -3px; } to { translate: 0 3px; } }
@media (max-width:760px) {
  .logo-depth .logo-plane { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .logo-depth .logo-plane .focus-logo { height: 76px; border-right: 1px solid rgb(38 38 36 / .1) !important; border-bottom: 1px solid rgb(38 38 36 / .1) !important; }
  .logo-depth .logo-plane .focus-logo:nth-child(4n) { border-right: 0 !important; }
  .logo-depth .logo-plane .focus-logo:nth-last-child(-n+4) { border-bottom: 0 !important; }
}
.logo-depth:not(.is-in) .logo-plane .focus-logo { opacity: 0; }
@keyframes logo-drop { from { opacity: 0; transform: translateZ(140px); } to { opacity: 1; transform: translateZ(0); } }
@media (prefers-reduced-motion: no-preference) {
  .logo-depth.is-in .logo-plane .focus-logo { animation: logo-drop 1.2s cubic-bezier(.22,1,.36,1) calc(.15s + var(--d, 0s)) both; }
}
.logo-depth .logo-plane { position: relative; }
.logo-depth .logo-plane .focus-logo { z-index: 1; }
.logo-depth.is-lit .logo-plane .focus-logo:hover img { opacity: 1; }
#focus-title [data-industry] { font-style: normal; cursor: pointer; border-radius: 6px; transition: color .3s ease, opacity .3s ease; outline-offset: 4px; }
.focus-heading [data-industry] { font-style: normal; cursor: pointer; border-radius: 6px; transition: color .3s ease, opacity .3s ease; outline-offset: 4px; }
.focus-logo-grid.logo-depth { max-width: 820px; padding-top: 20px !important; }
.logo-depth .logo-plane { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; transform-origin: 50% 60%; }
.logo-depth .logo-plane .focus-logo { height: 86px; border-right: 1px solid rgb(38 38 36 / .1) !important; border-bottom: 1px solid rgb(38 38 36 / .1) !important; }
.logo-depth .logo-plane .focus-logo:nth-child(4n) { border-right: 0 !important; }
.logo-depth .logo-plane .focus-logo:nth-last-child(-n+5):not(.logo-light) { border-bottom: 0 !important; }
@media (max-width:760px) { .logo-depth .logo-plane .focus-logo { height: 72px; } }
.focus-logo-grid.logo-depth { max-width: 980px; }
.logo-depth .logo-plane { display: flex !important; flex-direction: column; align-items: stretch; }
.logo-depth .logo-plane .focus-logo::after { display: none !important; }
.logo-depth .logo-plane .focus-logo { display: grid !important; place-items: center; }
.logo-depth .logo-plane .focus-logo > img { grid-area: 1 / 1; }
.logo-depth .logo-plane .focus-logo img.logo-shade {
  filter: brightness(0) blur(calc(1px + var(--z, 20px) / 14)) !important;
  opacity: .1 !important; animation: none !important;
  transform: translate3d(calc(var(--z, 20px) * .12), calc(var(--z, 20px) * .45), 0);
  transition: filter .25s ease, opacity .25s ease, transform .3s cubic-bezier(.22,1,.36,1) !important;
}
.logo-depth .logo-plane .focus-logo:hover img.logo-shade,
.logo-depth[data-focus] .logo-plane .focus-logo.is-match img.logo-shade {
  filter: brightness(0) blur(7px) !important; opacity: .13 !important;
  transform: translate3d(calc((var(--z, 20px) + 60px) * .12), calc((var(--z, 20px) + 60px) * .45), 0) scale(1.08);
}
@media (max-width:760px) {  }
.focus-heading #focus-title { max-width: 900px; margin-inline: auto; font-size: clamp(1.2rem, 1.9vw, 1.55rem); gap: 8px 20px; }
.focus-heading #focus-title span { gap: 20px; }
.focus-heading #focus-title span.is-line-start::before { display: none; }
.focus-logo-grid.logo-depth { max-width: 1080px; }
.focus-heading #focus-title { max-width: none; font-size: clamp(1rem, 1.25vw, 1.15rem); font-weight: 600; letter-spacing: -.01em; gap: 6px 16px; }
.focus-heading .focus-headline { margin: 0 0 14px; font-size: clamp(25px,2.7vw,34px); line-height: 1.15; }
.focus-heading #focus-title span { gap: 18px; }
.focus-heading #focus-title span::before { width: 3px; height: 3px; opacity: .5; }
.focus-heading #focus-title .focus-break { flex-basis: 100%; height: 0; }
.focus-heading #focus-title .is-line-start::before { display: none; }
.focus-heading #focus-title [data-industry] { position: relative; padding: 2px 4px; }
.focus-heading #focus-title [data-industry]::after {
  content: ''; position: absolute; left: 4px; right: 4px; bottom: -2px; height: 2px; border-radius: 2px;
  background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform .45s cubic-bezier(.22,1,.36,1);
}
.focus-heading #focus-title [data-industry]:is(:hover, .is-active)::after { transform: scaleX(1); }
@media (max-width:760px) { .focus-heading #focus-title .focus-break { display: none; } }
.focus-logo-grid.logo-depth { max-width: 1000px; }
.logo-depth .logo-plane {
  -webkit-mask-image: none !important; mask-image: none !important;
  background: radial-gradient(300px circle at var(--lx, 50%) var(--ly, 50%), rgb(255 255 255 / var(--glow, 0)), rgb(255 255 255 / 0) 70%);
  transition: --glow .5s ease;
}
@media (max-width:760px) {  }
@property --glow { syntax: '<number>'; inherits: true; initial-value: 0; }
.logo-depth .logo-plane { width: 100% !important; }
.focus-logo-grid.logo-wall { max-width: 1180px; perspective: 1400px; perspective-origin: 50% 40%; padding: 40px 0 56px !important; }
.logo-wall .logo-plane {
  display: block !important; position: relative; width: 100% !important;
  transform-style: preserve-3d; background: none !important;
}
.focus-logo-grid.logo-wall .logo-plane .focus-logo {
  position: absolute !important; left: 50%; top: 50%; flex: none !important;
  padding: 0 8px !important; pointer-events: none;
  border: 0 !important; border-right: 1px solid rgb(38 38 36 / .1) !important; border-bottom: 1px solid rgb(38 38 36 / .1) !important;
  background: rgb(255 255 255 / min(1, calc(var(--near, 0) * .55 + .12 + var(--solid, 0) * .88))) !important;
  box-shadow: inset calc(var(--edge, 0) * 0px) 0 0 transparent;
  backface-visibility: hidden;
  transition: background-color .25s ease;
}
.focus-logo-grid.logo-wall .logo-plane .focus-logo::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: rgb(38 38 36 / calc(var(--edge, 0) * var(--edge, 0) * .06));
}
.focus-logo-grid.logo-wall .logo-plane .focus-logo.is-col-first { border-left: 1px solid rgb(38 38 36 / .1) !important; }
.focus-logo-grid.logo-wall .logo-plane .focus-logo.is-row-last { border-bottom-color: rgb(38 38 36 / .1) !important; }
.logo-wall .logo-plane .focus-logo:first-child, .logo-wall .logo-plane .focus-logo:nth-child(-n+8) { border-top: 1px solid rgb(38 38 36 / .1) !important; }
@media (max-width: 700px) { .logo-wall .logo-plane .focus-logo:nth-child(n+5):nth-child(-n+8) { border-top: 0 !important; } }
.logo-wall.is-in .logo-plane .focus-logo { animation: logo-fade .9s cubic-bezier(.25,1,.5,1) var(--d, 0s) backwards !important; }
@keyframes logo-fade { from { opacity: 0; filter: blur(6px); } 60% { filter: blur(0); } to { opacity: 1; filter: blur(0); } }
@media (prefers-reduced-motion: reduce) { .logo-wall.is-in .logo-plane .focus-logo { animation: none !important; } }
.logo-wall .cell-blocks { position: absolute; inset: 0; transform-style: preserve-3d; pointer-events: none; }
.logo-wall .cell-block { position: absolute; left: 50%; top: 50%; transform-style: preserve-3d; visibility: hidden; }
.logo-wall .cell-block i { position: absolute; left: 0; top: 0; backface-visibility: hidden; }
.logo-wall .cell-block :is(.f-l, .f-r) { width: 60px; height: 100%; }
.logo-wall .cell-block :is(.f-t, .f-b) { width: 100%; height: 60px; }
.logo-wall .cell-block .f-l { transform-origin: 0 50%; transform: rotateY(-90deg) scaleX(calc(var(--ex, 0) / 60)); background: linear-gradient(to right, #e3e2e0, #f3f3f2); }
.logo-wall .cell-block .f-r { left: calc(100% - 60px); transform-origin: 100% 50%; transform: rotateY(90deg) scaleX(calc(var(--ex, 0) / 60)); background: linear-gradient(to left, #d4d3d0, #e4e4e2); }
.logo-wall .cell-block .f-t { transform-origin: 50% 0; transform: rotateX(90deg) scaleY(calc(var(--ex, 0) / 60)); background: linear-gradient(to bottom, #ebeae9, #fafafa); }
.logo-wall .cell-block .f-b { top: calc(100% - 60px); transform-origin: 50% 100%; transform: rotateX(-90deg) scaleY(calc(var(--ex, 0) / 60)); background: linear-gradient(to top, #cecdc9, #dddddb); }
.focus-logo-grid.logo-wall .logo-plane .focus-logo.is-row-last:not(.logo-light) { border-bottom: 1px solid rgb(38 38 36 / .1) !important; }
@media (scripting: enabled) { .focus-logo-grid:not(.logo-wall) { opacity: 0; } }
.logo-wall .logo-plane .focus-logo img:not(.logo-shade) { opacity: calc(.4 + var(--near, 0) * .4) !important; }
.focus-heading #focus-title [data-industry]::after { display: none !important; }
.focus-heading [data-industry] { cursor: default !important; }
.focus-logo-grid.logo-wall { padding-top: 88px !important; padding-bottom: 32px !important; perspective-origin: 50% calc(40% + 24px); }
.flow-stage { display: none; outline: none; }
.cf-track {
  position: relative; height: clamp(360px, 40vw, 520px); margin-bottom: 72px;
  perspective: 1600px; perspective-origin: 50% 45%;
  touch-action: pan-y; user-select: none; cursor: grab;
}
.cf-open:hover, .cf-open:focus-visible { background: var(--accent); color: #fff; }
.cf-open:active { scale: .95; }
.cf-card.is-center:hover img { scale: 1.06; }
.cf-nav { display: flex; align-items: center; justify-content: center; gap: 18px; }
.cf-nav button {
  display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border-radius: 50%; cursor: pointer;
  border: 1px solid #d3d2cf; background: transparent; color: var(--ink);
  transition: background-color .25s ease, border-color .25s ease, color .25s ease, scale .15s ease;
}
.cf-nav button svg { width: 18px; height: 18px; }
.cf-nav button:hover:not(:disabled) { background: var(--ink); border-color: var(--ink); color: #fff; }
.cf-nav button:active:not(:disabled) { scale: .92; }
.cf-nav button:disabled { opacity: .3; cursor: default; }
.cf-index { min-width: 76px; text-align: center; font-size: 14px; font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
.cf-index b { color: var(--ink); font-weight: 800; }
@media (max-width: 700px) {
  .cf-track { height: 440px; margin-bottom: 48px; }
}
.cf-track { margin-bottom: 36px; }
.cf-nav { position: relative; }
@media (max-width: 700px) {
}
@media (max-width: 700px) {
}
main>.industry-focus {
  position: relative;
  padding-top: 72px !important; padding-bottom: 64px !important;
  margin-top: 40px; margin-bottom: 48px;
  background: none;
}
.focus-logo-grid.logo-wall {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 14%, #000 86%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 14%, #000 86%, transparent);
}
.focus-logo-grid.logo-wall .logo-plane .focus-logo {
  background: rgb(255 255 255 / min(1, calc(var(--near, 0) * .4 + var(--solid, 0) * .88))) !important;
}
.industry-focus .focus-logo-grid.logo-wall .logo-plane .focus-logo:not(.logo-light) { border-color: rgb(38 38 36 / .06) !important; }
main>.industry-focus::after { display: none !important; }
.experience-cta {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap;
  margin: 72px 0 32px; padding: 56px 0 0; border-top: 1px solid var(--line);
}
.experience-cta .eyebrow { margin: 0 0 14px; }
.experience-cta h2 { margin: 0 0 16px; font-size: clamp(30px, 3.6vw, 48px); line-height: 1.05; letter-spacing: -.03em; }
.experience-cta h2 em { font-style: normal; color: var(--muted); }
.experience-cta p:not(.eyebrow) { margin: 0; max-width: 46ch; color: var(--muted); font-size: 17px; line-height: 1.55; }
.experience-cta-link {
  display: inline-flex; align-items: center; gap: 12px; flex: none;
  padding: 8px 8px 8px 24px; border-radius: 999px; background: var(--ink); color: #fff;
  font-size: 15px; font-weight: 600; text-decoration: none;
  transition: background-color .25s ease, scale .15s ease;
}
.experience-cta-link span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgb(255 255 255 / .14); transition: translate .35s cubic-bezier(.22,1,.36,1); }
.experience-cta-link svg { width: 18px; height: 18px; }
.experience-cta-link:hover:where(:not(.no-tap-hover *)), .experience-cta-link:focus-visible { background: var(--accent); }
.experience-cta-link:hover:where(:not(.no-tap-hover *)) span { translate: 3px 0; }
.experience-cta-link:active { scale: .97; }
.experience-page main { padding-top: 12px; }
.logo-wall .logo-plane .focus-logo img:not(.logo-shade) { filter: grayscale(1) brightness(var(--logo-brightness)) !important; opacity: calc((var(--logo-opacity) + var(--near, 0) * .22) * var(--reveal, 1)) !important; }
html[data-variant=nocturne] #more-grid .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *))::before { background: #282725 !important; border-color: rgb(255 255 255 / .14) !important; box-shadow: 0 22px 34px -18px rgb(0 0 0 / .7), 0 7px 14px -8px rgb(0 0 0 / .5) !important; }
.logo-wall .logo-plane .focus-logo { overflow: hidden; }
.logo-wall .logo-plane .focus-logo > img { position: relative; z-index: 1; }
.flow-stage .cf-track { height: clamp(460px, 46vw, 620px); }
:is(.cf-card, .feature-image, .interface-screen-stage, .impact-photo, .sg-tile, .device-screen) { -webkit-mask-image: -webkit-radial-gradient(white, black); }
@media (max-width: 700px) {
  .flow-stage .cf-track { height: 480px; }
}
.more-sort { position: relative; display: inline-flex; align-items: center; gap: 8px; margin-left: auto; font-size: 13px; font-weight: 600; color: var(--muted); }
.more-sort select {
  appearance: none; -webkit-appearance: none; height: 34px; padding: 0 32px 0 14px; border: 1px solid var(--line); border-radius: 999px;
  background: transparent; color: var(--ink); font: 600 13px var(--font-site); cursor: pointer;
}
.more-sort select:hover { border-color: #adaca8; }
.more-sort select:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.more-sort svg { position: absolute; right: 11px; width: 13px; height: 13px; fill: none; stroke: var(--ink); stroke-width: 1.6; stroke-linecap: round; pointer-events: none; }
#more .more-toolbar { flex-wrap: nowrap; align-items: flex-start; }
@media (max-width: 760px) { #more .more-toolbar { flex-wrap: wrap; } .more-sort { margin-left: 0; } }
#more .more-toolbar .more-sort { flex: none; }
@media (max-width: 760px) { #more>.section-heading { flex-wrap: wrap; } }
.experience-page main {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.experience-page main>.career-hero {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw;
}
.experience-page main>.career-hero-landscape .career-landscape {
  right: calc((min(1400px,100vw) - 100vw) / 2);
}
@media (max-width:650px) {
  .experience-page main>.career-hero-landscape .career-landscape {
    left: 0;
    right: 0;
  }
}
.experience-page>footer.portfolio-footer {
  margin-top: 0;
}
.strata {
  --ease-soft: cubic-bezier(.22,1,.36,1);
  --ease-bloom: cubic-bezier(.34,1.4,.64,1);
  position: relative;
  z-index: 1;
  margin-top: clamp(36px,4vw,64px);
}
.stratum-1 {
  --layer: #ededec;
  --layer-line: #cccbc8;
  --layer-ink: var(--ink);
  --layer-muted: #615f59;
  --layer-carve: rgb(83 82 77 / .26);
  --layer-accent: var(--accent);
}
.stratum-2 {
  --layer: #d7d6d3;
  --layer-line: #b0aea9;
  --layer-ink: var(--ink);
  --layer-muted: #4f4d48;
  --layer-carve: rgb(52 51 48 / .26);
  --layer-accent: #93235b;
}
.stratum-3 {
  --layer: #c5c4c1;
  --layer-line: #a2a09a;
  --layer-ink: var(--ink);
  --layer-muted: #474541;
  --layer-carve: rgb(42 41 38 / .26);
  --layer-accent: #8a1f55;
}
.stratum {
  position: relative;
  overflow-x: clip;
  padding: clamp(48px,4.5vw,64px) 0 calc(clamp(48px,4.5vw,64px) + clamp(22px,3vw,40px));
  background: var(--layer);
  color: var(--layer-ink);
  scroll-margin-top: 110px;
}
.stratum:last-child {
  padding-bottom: clamp(48px,4.5vw,64px);
}
.stratum-edge {
  position: absolute;
  left: 0;
  bottom: calc(100% - 1px);
  display: block;
  width: 200%;
  height: clamp(22px,3vw,40px);
  overflow: visible;
  fill: none;
}
.stratum-edge path {
  vector-effect: non-scaling-stroke;
}
.stratum-edge-fill {
  fill: var(--layer);
}
.stratum-edge-line {
  stroke: var(--layer-line);
  stroke-width: 1.5;
}
.stratum-inner {
  display: grid;
  grid-template-columns: minmax(0,5fr) minmax(0,6fr);
  align-items: center;
  gap: clamp(28px,5vw,88px);
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 5vw;
}
.stratum-years {
  margin: 0 0 6px -.04em;
  font-size: clamp(2.6rem,4vw,3.8rem);
  font-weight: 800;
  line-height: .95;
  letter-spacing: -.05em;
  white-space: nowrap;
  color: var(--layer-carve);
}
.stratum h2 {
  margin: 0 0 8px;
  font-size: clamp(1.4rem,2.1vw,1.85rem);
  line-height: 1.12;
  color: var(--layer-ink);
}
.stratum h2 .w {
  display: inline-block;
  overflow: clip;
  overflow-clip-margin: .08em;
  vertical-align: top;
}
.stratum h2 .w>span {
  display: inline-block;
}
.stratum-line {
  max-width: 46ch;
  margin: 0;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--layer-muted);
}
.stratum-stones {
  --stone: 60px;
  display: grid;
  grid-template-columns: repeat(var(--cols,auto-fit),minmax(calc(var(--stone) + 16px),1fr));
  justify-items: center;
  row-gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.stratum-stones a {
  position: relative;
  display: block;
  width: var(--stone);
  height: var(--stone);
  border-radius: 46% 54% 52% 48% / 50% 44% 56% 50%;
  box-shadow: 0 0 0 4px var(--layer), 0 0 0 5px var(--layer-line);
  transform: translate(var(--lx,0px),calc(var(--ly,0px) + var(--lift,0px))) scale(var(--grow,1));
  transition: transform .5s var(--ease-soft), box-shadow .45s var(--ease-soft);
}
.stratum-stones li:nth-child(2n) a {
  border-radius: 55% 45% 48% 52% / 46% 56% 44% 54%;
}
.stratum-stones img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  filter: saturate(.35);
  transition: filter .45s var(--ease-soft), scale 1.6s var(--ease-soft);
}
.stratum-stones a {
  overflow: hidden;
}
.stratum-stones a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(165deg,rgb(255 255 255 / .28) 0%,rgb(255 255 255 / 0) 42%),
    linear-gradient(200deg,rgb(83 82 77 / 0) 30%,color-mix(in srgb,var(--tone) 70%,#53524d) 130%);
  opacity: .8;
  transition: opacity .45s var(--ease-soft);
}
.stratum-stones a:hover:where(:not(.no-tap-hover *)),
.stratum-stones a:focus-visible {
  z-index: 2;
  --lift: -5px;
  --grow: 1.06;
  box-shadow: 0 0 0 4px var(--layer), 0 0 0 6px var(--layer-accent), 0 14px 24px -14px rgb(15 15 15 / .5);
  outline: none;
}
.stratum-stones a:hover:where(:not(.no-tap-hover *)) img,
.stratum-stones a:focus-visible img {
  filter: none;
}
.stratum-stones a:hover:where(:not(.no-tap-hover *))::after,
.stratum-stones a:focus-visible::after {
  opacity: .2;
}
.is-facet-lit .stratum-stones a::after {
  background:
    conic-gradient(from 25deg at 44% 36%,rgb(255 255 255 / .16) 0 58deg,rgb(31 31 29 / .06) 58deg 132deg,rgb(255 255 255 / .05) 132deg 206deg,rgb(31 31 29 / .13) 206deg 288deg,rgb(255 255 255 / .09) 288deg),
    linear-gradient(165deg,rgb(255 255 255 / .2) 0%,rgb(255 255 255 / 0) 42%),
    linear-gradient(200deg,rgb(83 82 77 / 0) 30%,color-mix(in srgb,var(--tone) 70%,#53524d) 130%);
}
.is-faceted .stratum-stones a:hover:where(:not(.no-tap-hover *)),
.is-faceted .stratum-stones a:focus-visible {
  padding: 3px;
  background: var(--layer-accent);
  box-shadow: none;
}
.stratum-stones a.is-mark {
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 32% 28%,#8b8982,#53524d 62%,#393835);
  cursor: default;
}
.stratum-stones a.is-mark svg {
  position: relative;
  z-index: 1;
  width: 44%;
  height: 44%;
  fill: none;
  stroke: #f3f3f2;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .9;
}
.stratum-work {
  position: relative;
}
.stratum-line {
  display: grid;
}
.stratum-line>span {
  grid-area: 1 / 1;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .3s ease, transform .45s var(--ease-soft);
}
.stratum-line>span.is-shown {
  opacity: 1;
  transform: none;
}
.stratum-line strong {
  font-weight: 600;
  color: var(--layer-ink);
}
.stratum-caption {
  display: grid;
  margin: 26px 0 0;
  font-size: .86rem;
  line-height: 1.5;
  text-align: center;
  color: var(--layer-muted);
}
.stratum-caption span {
  grid-area: 1 / 1;
  max-width: 58ch;
  justify-self: center;
  align-self: start;
  text-shadow: 0 0 10px var(--layer), 0 0 3px var(--layer);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .3s ease, transform .45s var(--ease-soft);
}
.stratum-caption span.is-shown {
  opacity: 1;
  transform: none;
}
.stratum-caption strong {
  font-weight: 600;
  color: var(--layer-ink);
}
.strata-cue {
  position: relative;
  z-index: 2;
  margin-top: 22px;
}
.strata-cue.hero-work-button {
  gap: 8px;
  padding: 10px 15px;
}
.strata-cue .hero-work-label {
  font-size: .78rem;
}
.strata-cue svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.is-animated .stratum-edge {
  animation: strata-drift var(--drift,60s) linear infinite;
}
.is-animated .stratum-2 .stratum-edge {
  --drift: 80s;
  animation-direction: reverse;
}
.is-animated .stratum-3 .stratum-edge {
  --drift: 100s;
}
@keyframes strata-drift {
  to { transform: translateX(-50%); }
}
.is-animated .stratum-stones li {
  animation: stone-float 6s ease-in-out infinite;
  animation-delay: calc(var(--n) * -.8s);
}
@keyframes stone-float {
  50% { transform: translateY(-3px); }
}
@keyframes cue-bob {
  50% { transform: translateY(3px); }
}
.is-priming *,
.is-priming *::before,
.is-priming *::after {
  transition: none !important;
}
.is-animated .stratum-edge {
  scale: 1 .18;
  transform-origin: 50% 100%;
  transition: scale 1.6s var(--ease-soft);
}
.is-animated .stratum-edge-line {
  clip-path: inset(0 100% 0 0);
  transition: clip-path 2s cubic-bezier(.65,0,.35,1);
}
.is-animated .stratum-edge-fill {
  opacity: 0;
  transition: opacity 1.1s ease .2s;
}
.is-animated .stratum-years {
  opacity: 0;
  clip-path: inset(-10% 100% -10% 0);
  filter: blur(8px);
  transform: translateX(-10px);
  transition: opacity .9s ease .15s, clip-path 1.4s cubic-bezier(.65,0,.35,1) .15s, filter 1.2s var(--ease-soft) .15s, transform 1.4s var(--ease-soft) .15s;
}
.is-animated .stratum h2 .w>span {
  transform: translateY(110%);
  transition: transform 1s var(--ease-soft);
  transition-delay: calc(.45s + var(--w) * 80ms);
}
.is-animated .stratum-line {
  opacity: 0;
  filter: blur(4px);
  transform: translateY(12px);
  transition: opacity 1s ease .75s, filter 1s var(--ease-soft) .75s, transform 1.1s var(--ease-soft) .75s;
}
.is-animated .stratum-stones li {
  opacity: 0;
  scale: .55;
  filter: blur(8px);
  transition: opacity .8s ease, scale 1.1s var(--ease-bloom), filter .9s ease;
  transition-delay: calc(.7s + var(--n) * 90ms);
}
.is-animated .stratum-stones img {
  scale: 1.3;
}
.is-animated .stratum-caption {
  opacity: 0;
  transition: opacity .9s ease 1.5s;
}
.is-animated .is-in .stratum-edge {
  scale: 1 1;
}
.is-animated .is-in .stratum-edge-line {
  clip-path: inset(0 0 0 0);
}
.is-animated .is-in :is(.stratum-edge-fill,.stratum-caption) {
  opacity: 1;
}
.is-animated .is-in .stratum-years {
  opacity: 1;
  clip-path: inset(-10% -10% -10% 0);
  filter: none;
  transform: none;
}
.is-animated .is-in h2 .w>span {
  transform: none;
}
.is-animated .is-in .stratum-line {
  opacity: 1;
  filter: none;
  transform: none;
}
.is-animated .is-in .stratum-stones li {
  opacity: 1;
  scale: 1;
  filter: none;
}
.is-animated .is-in .stratum-stones img {
  scale: 1;
  transition-delay: 0s, calc(.7s + var(--n) * 90ms);
}
.is-animated.is-settle .stratum {
  --p: 0;
  background: none;
  translate: 0 var(--shift,0px);
}
.is-animated.is-settle .stratum-inner {
  position: relative;
}
.strata-ground {
  position: absolute;
  inset: -80px 0 0;
  pointer-events: none;
  --fade: rgb(0 0 0 / .9);
  -webkit-mask-image: linear-gradient(to right, rgb(0 0 0 / .9) 22%, color-mix(in srgb, var(--fade) 6%, rgb(0 0 0 / .9)) 30%, color-mix(in srgb, var(--fade) 20%, rgb(0 0 0 / .9)) 40%, color-mix(in srgb, var(--fade) 42%, rgb(0 0 0 / .9)) 50%, color-mix(in srgb, var(--fade) 66%, rgb(0 0 0 / .9)) 60%, color-mix(in srgb, var(--fade) 85%, rgb(0 0 0 / .9)) 70%, color-mix(in srgb, var(--fade) 96%, rgb(0 0 0 / .9)) 80%, var(--fade) 88%);
          mask-image: linear-gradient(to right, rgb(0 0 0 / .9) 22%, color-mix(in srgb, var(--fade) 6%, rgb(0 0 0 / .9)) 30%, color-mix(in srgb, var(--fade) 20%, rgb(0 0 0 / .9)) 40%, color-mix(in srgb, var(--fade) 42%, rgb(0 0 0 / .9)) 50%, color-mix(in srgb, var(--fade) 66%, rgb(0 0 0 / .9)) 60%, color-mix(in srgb, var(--fade) 85%, rgb(0 0 0 / .9)) 70%, color-mix(in srgb, var(--fade) 96%, rgb(0 0 0 / .9)) 80%, var(--fade) 88%);
}
.strata-blur {
  position: absolute;
  inset: calc(-1 * clamp(22px,3vw,40px)) 0 0;
  pointer-events: none;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 clamp(22px,3vw,40px));
          mask-image: linear-gradient(to bottom, transparent, #000 clamp(22px,3vw,40px));
}
@media (min-width:801px) {
  .strata-ground {
    --fade: rgb(0 0 0 / .3);
  }
}
html[data-tod=night] .strata-ground {
  -webkit-mask-image: linear-gradient(to right, #000 30%, rgb(0 0 0 / .97) 45%, rgb(0 0 0 / .9) 60%, rgb(0 0 0 / .83) 75%, rgb(0 0 0 / .8) 90%);
          mask-image: linear-gradient(to right, #000 30%, rgb(0 0 0 / .97) 45%, rgb(0 0 0 / .9) 60%, rgb(0 0 0 / .83) 75%, rgb(0 0 0 / .8) 90%);
}
html[data-tod=night] .mountain-stage::before { display: none; }
.strata-ground-layer {
  --f: 0;
  position: absolute;
  left: 0;
  right: 0;
  overflow-x: clip;
  translate: 0 var(--shift,0px);
}
.experience-page:has(.is-settle)>footer.portfolio-footer {
  position: relative;
  z-index: 2;
}
.is-settle .strata-ground .strata-ground-layer.stratum-1 { --layer: #ededec; }
.is-settle .strata-ground .strata-ground-layer.stratum-2 { --layer: #d7d6d3; }
.is-settle .strata-ground .strata-ground-layer.stratum-3 { --layer: #c5c4c1; }
.strata-ground-layer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--layer);
}
.is-animated.is-settle .strata-ground-layer .stratum-edge {
  scale: 1 calc(.12 + .88 * var(--f));
  transition: none;
}
.is-animated.is-settle .strata-ground-layer .stratum-edge-fill {
  opacity: 1;
}
.is-animated.is-settle .stratum-text {
  translate: 0 calc((1 - var(--p)) * 40px);
}
.is-animated.is-settle .stratum-work {
  translate: 0 calc((1 - var(--p)) * 90px);
}
.is-animated.is-settle .stratum-edge-line {
  transition-duration: 1.2s;
}
.is-animated.is-settle .stratum-edge-fill {
  transition-delay: 0s;
}
.is-animated.is-settle .stratum-years {
  transition-duration: .7s, 1s, .8s, 1s;
  transition-delay: .05s;
}
.is-animated.is-settle .stratum h2 .w>span {
  transition-duration: .75s;
  transition-delay: calc(.2s + var(--w) * 55ms);
}
.is-animated.is-settle .stratum-line {
  transition-duration: .7s, .7s, .8s;
  transition-delay: .35s;
}
.is-animated.is-settle .stratum-stones li {
  scale: .8;
  filter: none;
  translate: 0 34px;
  transition: opacity .45s ease, scale .8s var(--ease-bloom), translate .8s var(--ease-bloom);
  transition-delay: calc(.3s + var(--n) * 55ms);
}
.is-animated.is-settle .is-in .stratum-stones li {
  scale: 1;
  translate: none;
}
.is-animated.is-settle .stratum-caption {
  transition-delay: .8s;
}
@media (min-width:1000px) {
}
@media (min-width:1000px) {
  .strata.is-3col .stratum-inner {
    grid-template-columns: minmax(0,1fr) minmax(0,1.3fr) auto;
    column-gap: clamp(40px,5vw,72px);
    align-items: start;
  }
  .strata.is-3col .stratum-work {
    margin-top: 5px;
  }
  .strata.is-3col .stratum-line {
    max-width: 52ch;
  }
  .strata.is-3col .stratum-stones {
    --stone: 68px;
    grid-template-columns: repeat(4,var(--stone));
    gap: 22px;
    justify-content: center;
  }
  .strata.is-3col .stratum-line>span {
    align-self: start;
  }
  .strata.is-3col .stratum-text {
    grid-column: span 2;
    display: grid;
    grid-template-columns: subgrid;
    align-items: start;
  }
  .strata.is-3col .stratum-years { grid-column: 1; grid-row: 1; }
  .strata.is-3col .stratum h2 { grid-column: 1; grid-row: 2; margin-bottom: 0; }
  .strata.is-3col .stratum-line { grid-column: 2; grid-row: 1 / span 2; margin: 0; padding-top: 0; align-self: start; }
}
@media (max-width:800px) {
  .stratum-inner {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }
  .stratum-stones {
    --stone: 48px;
  }
}
.hero-pending .career-hero-landscape:not(.hero-words)>:not(.career-landscape) {
  opacity: 0;
}
.hero-words .career-title .hw {
  display: block;
}
.hero-words>:is(.eyebrow,p,.strata-cue), .hero-words .career-title .hw>span {
  display: inline-block;
  mask-image: linear-gradient(90deg,#000 29%,rgb(0 0 0 / .94) 38%,rgb(0 0 0 / .5) 50%,rgb(0 0 0 / .06) 62%,transparent 71%);
  mask-size: 350% 100%;
  mask-repeat: no-repeat;
  animation: hero-wipe 1550ms cubic-bezier(.2,.65,.22,1) backwards, hero-slide 1550ms cubic-bezier(.2,.65,.22,1) backwards;
}
.hero-words>p { display: block; }
.hero-words>.eyebrow { animation-delay: .25s; }
.hero-words .career-title .hw>span { animation-delay: .32s; }
.hero-words .career-title .hw+.hw>span { animation-delay: .39s; }
.hero-words>p:not(.eyebrow) { animation-delay: .48s; }
.hero-words>.strata-cue { display: inline-flex; animation-delay: .56s; }
}
html[data-tod=dawn] .stratum-1 { --layer-line: #dfc6c1; --layer-muted: #5a5955; --layer-carve: rgb(120 60 70 / .24); --layer-accent: #b3345f; }
html[data-tod=day] .stratum-1 { --layer-line: #d3d3e2; --layer-muted: #605e5a; --layer-carve: rgb(60 58 110 / .22); --layer-accent: #605e59; }
html[data-tod=day] .experience-page:has(.mountain-stage) .stratum-1, html[data-tod=day] .is-settle .strata-ground .strata-ground-layer.stratum-1 { --layer: #f4f4f4; }
html[data-tod=day] .stratum-2 { --layer-line: #babdd4; --layer-muted: #474659; --layer-carve: rgb(50 50 100 / .24); --layer-accent: #55544f; }
html[data-tod=day] .experience-page:has(.mountain-stage) .stratum-2, html[data-tod=day] .is-settle .strata-ground .strata-ground-layer.stratum-2 { --layer: #e2e3f0; }
html[data-tod=day] .stratum-3 { --layer-line: #a8acc8; --layer-muted: #3c3b50; --layer-carve: rgb(40 40 90 / .26); --layer-accent: #4b4945; }
html[data-tod=day] .experience-page:has(.mountain-stage) .stratum-3, html[data-tod=day] .is-settle .strata-ground .strata-ground-layer.stratum-3 { --layer: #d0d3e6; }
html[data-tod=night] .stratum-1 { --layer-line: #c3c7df; --layer-muted: #4f5068; --layer-carve: rgb(40 44 110 / .24); --layer-accent: #898781; }
html[data-tod=night] .experience-page:has(.mountain-stage) .stratum-1, html[data-tod=night] .is-settle .strata-ground .strata-ground-layer.stratum-1 { --layer: #e7e9f5; }
html[data-tod=night] .stratum-2 { --layer-line: #a9aed2; --layer-muted: #414261; --layer-carve: rgb(34 38 100 / .26); --layer-accent: #7b7974; }
html[data-tod=night] .experience-page:has(.mountain-stage) .stratum-2, html[data-tod=night] .is-settle .strata-ground .strata-ground-layer.stratum-2 { --layer: #d1d5ec; }
html[data-tod=night] .stratum-3 { --layer-line: #9197c5; --layer-muted: #363856; --layer-carve: rgb(28 30 90 / .28); --layer-accent: #6e6d68; }
html[data-tod=night] .experience-page:has(.mountain-stage) .stratum-3, html[data-tod=night] .is-settle .strata-ground .strata-ground-layer.stratum-3 { --layer: #babfe0; }
.stratum-time {
  position: absolute;
  z-index: 1;
  top: clamp(40px,4vw,56px);
  bottom: 0;
  left: calc(max(0px, (100% - 1400px) / 2) + 5vw - clamp(26px,2.6vw,40px));
  width: 1px;
  background: linear-gradient(var(--layer-line), var(--layer-line));
  pointer-events: none;
}
.stratum:first-child .stratum-time { top: clamp(40px,4vw,56px); }
.stratum:not(:first-child) .stratum-time { top: 0; }
.stratum-time i {
  position: absolute;
  left: -3px;
  width: 7px;
  height: 1px;
  background: var(--layer-line);
}
.stratum-time i.is-major {
  left: -6px;
  width: 13px;
  background: var(--layer-muted);
}
.stratum-time i span {
  font-style: normal;
  position: absolute;
  right: 18px;
  top: -.62em;
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .06em;
  color: var(--layer-muted);
  font-variant-numeric: tabular-nums;
}
.stratum-time b {
  position: absolute;
  left: -5px;
  top: -5px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--layer);
  box-shadow: 0 0 0 2px var(--layer-accent);
  font-size: 0;
}
@media (max-width:800px) {
  .stratum-time { display: none; }
}
.identity img.identity-avatar {
  background: var(--ink);
  -webkit-mask: url(assets/matt-cutout-poster.webp?v=2) bottom center / contain no-repeat;
  mask: url(assets/matt-cutout-poster.webp?v=2) bottom center / contain no-repeat;
  object-position: -9999px 0;
  filter: none !important;
  opacity: .88;
}
#more>.section-heading { padding-bottom: 40px; }
#more .more-toolbar { margin-bottom: 48px; }
html:not(.show-rail) .stratum-time { display: none; }
@media (min-width:1000px) {
  .strata.is-3col .stratum-stones:has(> :nth-child(9)) { grid-template-columns: repeat(5,var(--stone)); gap: 18px; }
}
html, body { overflow-x: clip; }
.contact-v2 { grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); gap: clamp(48px,8vw,120px); padding-top: clamp(64px,9vw,120px); align-items: start; }
.contact-v2 .contact-intro h1 { margin: 18px 0 24px; }
.contact-v2 .contact-lead { max-width: 40ch; }
@media (prefers-reduced-motion: reduce) { .contact-status i { animation: none; } }
.contact-v2 .contact-details { padding-top: 8px; }
.contact-primary { padding: clamp(26px,3vw,36px); border-radius: 20px; background: color-mix(in srgb, var(--surface, color-mix(in srgb, var(--bg) 70%, #fff)) 58%, transparent); -webkit-backdrop-filter: blur(16px) saturate(1.15); backdrop-filter: blur(16px) saturate(1.15); box-shadow: inset 0 0 0 1px var(--line), 0 24px 60px -40px rgb(38 38 36 / .35); }
.contact-label, .contact-v2 #contact-methods>a>span:first-child { font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.contact-big { display: block; margin: 10px 0 22px; font-size: clamp(1.5rem,2.6vw,2.2rem); font-weight: 800; letter-spacing: -.03em; line-height: 1.1; color: var(--ink); overflow-wrap: anywhere; text-decoration: none; background: linear-gradient(var(--accent), var(--accent)) 0 100% / 0 2px no-repeat; transition: background-size .35s cubic-bezier(.2,.7,.2,1), color .2s; }
.contact-big:hover:where(:not(.no-tap-hover *)) { color: var(--accent); background-size: 100% 2px; }
.contact-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.contact-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 10px 18px; border: 0; border-radius: 999px; cursor: pointer;
  font: 600 .92rem/1 var(--font-site, inherit); color: var(--ink); background: transparent; box-shadow: inset 0 0 0 1px var(--line); text-decoration: none; transition: background .2s, color .2s, box-shadow .2s; }
.contact-btn:hover:where(:not(.no-tap-hover *)) { box-shadow: inset 0 0 0 1px var(--ink); }
.contact-btn.is-solid { background: var(--ink); color: var(--bg); box-shadow: none; }
.contact-btn.is-solid:hover:where(:not(.no-tap-hover *)) { background: var(--accent); }
.contact-btn:focus-visible, .contact-big:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.contact-tip { margin: 22px 0 0; font-size: .9rem; line-height: 1.55; color: var(--muted); }
.contact-v2 #contact-methods>a:hover>b { color: var(--accent); }
@media (max-width:760px) {
  .contact-v2 { grid-template-columns: 1fr; gap: 40px; padding-top: 40px; }
}
.contact-v2 { padding-bottom: 24px; min-height: 0; }
.contact-wave { width: 100vw; margin: 0 calc(50% - 50vw); height: clamp(300px, 36vw, 460px); margin-bottom: 24px; pointer-events: none; }
.contact-wave canvas { display: block; width: 100%; height: 100%; }
.contact-actions .contact-btn svg { flex: none; }
.contact-v2 { position: relative; z-index: 1; }
.contact-wave { position: relative; z-index: 0; margin-top: clamp(-260px, -17vw, -130px);
  -webkit-mask-image: linear-gradient(to bottom, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / .03) 10%, rgb(0 0 0 / .1) 18%, rgb(0 0 0 / .22) 26%, rgb(0 0 0 / .4) 34%, rgb(0 0 0 / .6) 42%, rgb(0 0 0 / .78) 50%, rgb(0 0 0 / .91) 58%, #000 68%, #000 82%, rgb(0 0 0 / .6) 92%, transparent 100%);
          mask-image: linear-gradient(to bottom, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / .03) 10%, rgb(0 0 0 / .1) 18%, rgb(0 0 0 / .22) 26%, rgb(0 0 0 / .4) 34%, rgb(0 0 0 / .6) 42%, rgb(0 0 0 / .78) 50%, rgb(0 0 0 / .91) 58%, #000 68%, #000 82%, rgb(0 0 0 / .6) 92%, transparent 100%);
  animation: contact-wave-in 2.2s cubic-bezier(.25,.6,.3,1) .4s backwards; }
@keyframes contact-wave-in { from { opacity: 0; transform: translateY(24px); } }
@media (prefers-reduced-motion: reduce) { .contact-wave { animation: none; } }
.card-grow-scale #more-grid:not(.is-list) .mini-project::before {
  inset: calc(-1px - var(--card-grow)); border-radius: calc(14px + var(--card-grow));
  transform: scale(var(--rest-sx, .96), var(--rest-sy, .97)); will-change: transform;
  transition: transform .75s cubic-bezier(.4,0,.2,1), background-color .75s cubic-bezier(.4,0,.2,1), border-color .75s cubic-bezier(.4,0,.2,1), box-shadow .75s cubic-bezier(.4,0,.2,1);
}
.card-grow-scale #more-grid:not(.is-list) .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *))::before { transform: none; }
html.is-night body>.nav, html.is-night[data-variant] body>.nav {
  background: rgb(22 21 20 / .72) !important; border-bottom-color: rgb(255 255 255 / .08) !important;
  box-shadow: 0 0 0 100vmax rgb(22 21 20 / .72) !important; clip-path: inset(0 -100vmax);
  -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2);
}
html[data-tod=night].is-night body>.nav, html[data-tod=night].is-night[data-variant] body>.nav { background: rgb(9 12 38 / .72) !important; box-shadow: 0 0 0 100vmax rgb(9 12 38 / .72) !important; }
html.is-night[data-variant] body>.nav :is(nav>a, .identity-name span) { color: #efefee !important; }
html.is-night[data-variant] body>.nav nav>a[aria-current=page]::after { background: #fff !important; }
html.is-night[data-variant] body>.nav nav>a.nav-resume { border-color: rgb(255 255 255 / .35) !important; color: #fff !important; }
html.is-night .identity img.identity-avatar { background: linear-gradient(170deg, #ff5a4e 0%, #d6d6d2 55%, #8a8a85 100%) !important; opacity: .95; }
html.has-night body>.nav { transition: background-color .14s ease-out, border-color .14s ease-out, color .14s ease-out, box-shadow .14s ease-out; box-shadow: 0 0 0 100vmax rgb(22 21 20 / 0); clip-path: inset(0 -100vmax); }
html[data-variant] .curio-story .curio-intro h2 { color: #fff !important; }
html[data-variant] .curio-story .curio-intro h2 em { color: transparent !important; background: linear-gradient(95deg,#f7a8cc,#f08bbd 40%,#c2c1bd); -webkit-background-clip: text; background-clip: text; }
html[data-variant] .curio-story .curio-beat h3 { color: #fff !important; }
html[data-variant] .curio-story :is(.curio-beat p, .curio-cue) { color: rgb(241 240 239 / .86) !important; }
.stratum-stones { grid-template-columns: repeat(var(--cols,auto-fit), calc(var(--stone) + 16px)); justify-content: center; column-gap: 10px; }
@media (min-width:1000px) {
  .strata.is-3col .stratum-stones:not(:has(> :nth-child(4))) { grid-template-columns: repeat(auto-fit, var(--stone)); }
}
.stratum-years { color: color-mix(in srgb, var(--accent) 78%, var(--ink)) !important; }
#more-grid:not(.is-list) .mini-project :is(.mini-open, .mini-open svg, .mini-body h3, .mini-meta span, .tag-material, .mini-card-footer .mini-tags::before) {
  transition: background-color .5s cubic-bezier(.4,0,.2,1), color .5s cubic-bezier(.4,0,.2,1), border-color .5s cubic-bezier(.4,0,.2,1),
    box-shadow .6s cubic-bezier(.4,0,.2,1), transform .6s cubic-bezier(.4,0,.2,1), translate .6s cubic-bezier(.4,0,.2,1), opacity .5s ease !important;
}
@media (prefers-reduced-motion: reduce) { #more-grid .mini-project * { transition: none !important; } }
@media (max-width:700px) {
}
@media (prefers-reduced-motion: reduce) {
  .ab-hero-steps span { opacity: .5; }
}
@supports (-webkit-hyphens: none) {
  #more-grid .mini-project .mini-photo { clip-path: inset(21px 21px 2px 21px round 12px 12px 12px 12px); }
  #more-grid .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-photo { clip-path: inset(0px 0px 2px 0px round 21px 21px 0px 0px); }
}
html:not(.cardstroke-old) #more-grid .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-photo { clip-path: inset(1px 1px calc(.25 * var(--card-grow)) 1px round calc(13px + var(--card-grow)) calc(13px + var(--card-grow)) 0px 0px); }
@supports (-webkit-hyphens: none) {
  html:not(.cardstroke-old) #more-grid .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-photo { clip-path: inset(1px 1px 2px 1px round 21px 21px 0px 0px); }
}
html:not(.cardgrow-old):not(.cardstroke-old).card-grow-scale #more-grid:not(.is-list) .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *))::before { transform: scale(var(--rest-sx, .96), var(--rest-sy, .97)); }
html:not(.cardgrow-old):not(.cardstroke-old) #more-grid .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-photo { clip-path: inset(calc(var(--card-grow) + 1px) calc(var(--card-grow) + 1px) calc(.25 * var(--card-grow)) calc(var(--card-grow) + 1px) round calc(12px + var(--card-grow)) calc(12px + var(--card-grow)) 0px 0px); }
@supports (-webkit-hyphens: none) {
  html:not(.cardgrow-old):not(.cardstroke-old) #more-grid .mini-project:is(:hover,:focus-visible):where(:not(.no-hover *)) .mini-photo { clip-path: inset(9px 9px 2px 9px round 20px 20px 0px 0px); }
}
@media (max-width: 760px) {  }
.radar-chart { transform-origin: 50% 50%; will-change: transform; overflow: visible; }
:is(.mini-photo, .case-image) { position: relative; }
.photo-reel { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 8; pointer-events: none; border-radius: inherit; }
#more-grid .mini-photo .photo-reel { border-radius: 0; }
@media (prefers-reduced-motion: reduce) { .photo-reel { display: none; } }
@keyframes duo-float { from { transform: translateZ(var(--z)) translateY(-3px); } to { transform: translateZ(var(--z)) translateY(4px); } }
.screen-duo .duo-pause:is(:hover, :focus-visible) { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .screen-duo .duo-window { animation: none; transform: translateZ(var(--z)); }
  #case-content .screen-duo .duo-screen video, .screen-duo .duo-pause { display: none; }
}
#case-content .case-narrative .narrative-brief,
#case-content .case-narrative .narrative-detail p,
#case-content .case-narrative li { font-size: 16px !important; font-weight: 400 !important; line-height: 1.6 !important; color: var(--muted) !important; }
#case-content :is(.case-narrative section h2, .result-heading, .result-delivery h2, .result-tools h2, .contribution-radar h2) { font-size: 20px !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: -.015em !important; color: var(--ink) !important; }
#case-content .result-statement { font-size: 16px !important; line-height: 1.6 !important; }
.theme-toggle { display: inline-grid; place-items: center; width: 40px; height: 40px; margin-left: 4px; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--ink); cursor: pointer; transition: background-color .25s, border-color .25s, color .25s; }
.theme-toggle:hover { border-color: var(--ink); }
.theme-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.theme-toggle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
html.is-night .theme-toggle { color: #fff; border-color: rgb(255 255 255 / .28); }
@media (max-width: 700px) { .theme-toggle { width: 34px; height: 34px; } }
body>.nav nav:not(:has(.theme-toggle))::after { content: ''; flex: none; width: 40px; height: 40px; margin-left: 4px; }
@media (max-width: 700px) {  }
@media (max-width: 760px) { #more.more-section { content-visibility: auto; contain-intrinsic-size: auto 910px; } }
#case-content .case-narrative .narrative-detail ol { list-style: none; counter-reset: dl; display: grid; gap: 8px; padding: 0; }
#case-content .case-narrative .narrative-detail ol>li { counter-increment: dl; position: relative; padding-left: 26px; margin: 0; }
#case-content .case-narrative .narrative-detail ol>li::before { content: counter(dl, decimal-leading-zero); position: absolute; left: 0; top: .2em; font: 600 11px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--accent); }
html[data-details=note] #case-content .case-narrative .narrative-detail>div>:is(p, ol, ul) { margin-top: 14px; padding-top: 14px; border-top: 1px dashed color-mix(in srgb, var(--ink) 25%, transparent); }
html[data-details=note] #case-content .case-narrative .narrative-detail :is(p, li) { font-size: 13.5px !important; line-height: 1.7 !important; letter-spacing: .005em; color: var(--muted) !important; }
.ab-close { grid-template-columns: minmax(0,25rem) minmax(0,1fr); align-items: end; margin-top: 0; padding-top: clamp(56px,7vw,96px); border-top: 0; }
.ab-close-aside { grid-area: 1 / 1; padding-right: clamp(24px,3vw,40px); border-right: 1px solid var(--line); }
.ab-close-avatar { object-fit: cover; box-shadow: 0 0 0 1px var(--line); }
.ab-close-who b { letter-spacing: -.01em; }
.ab-close-note { color: var(--ink); font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.2; text-wrap: pretty; }
@media (max-width:820px) { .ab-close { grid-template-columns: minmax(0,1fr); } .ab-close-copy, .ab-close-aside { grid-area: auto; } .ab-close-aside { padding-right: 0; border-right: 0; } }
.route-era small { display: block; margin: 5px 0 0; font-variant-numeric: tabular-nums; }
@media (max-width:1199px) {
  .single-demo .phone-project-note, .single-demo:has(.demo-stage:hover) .phone-project-note, .single-demo:focus-within .phone-project-note { display: none; }
}
@media (max-width:899px) {  }
#case-content .case-body + .project-pagination { margin-top: 64px !important; padding: 0 !important; border: 0 !important; }
html[data-pager=big] #case-content .project-pagination { border-top: 1px solid var(--ink) !important; gap: 48px !important; }
html[data-pager=big] #case-content .project-pagination-link { padding: 22px 0 0 !important; border: 0 !important; background: none; grid-template-columns: 96px 1fr auto !important; column-gap: 20px !important; align-items: center; }
html[data-pager=big] #case-content .project-pagination-link img { width: 96px !important; height: 96px !important; object-fit: cover; border-radius: 14px !important; transition: transform .5s cubic-bezier(.2,.8,.2,1); }
html[data-pager=big] #case-content .project-pagination-link:hover img { transform: scale(1.04); }
@media (max-width: 600px) { html[data-pager=big] #case-content .project-pagination-link { grid-template-columns: 64px 1fr auto !important; column-gap: 14px !important; } html[data-pager=big] #case-content .project-pagination-link img { width: 64px !important; height: 64px !important; border-radius: 10px !important; } }
html[data-pager=big] #case-content .project-pagination-link h2 { font-size: clamp(1.5rem, 2.4vw, 2.1rem) !important; line-height: 1.12 !important; letter-spacing: -.025em; margin: 8px 0 6px !important; transition: color .3s ease; }
html[data-pager=big] #case-content .project-pagination-link:hover h2 { color: var(--accent); }
html[data-pager=big] #case-content .project-pagination-link b { transition: transform .35s cubic-bezier(.2,.8,.2,1); }
html[data-pager=big] #case-content .project-pagination-link:first-child:hover b { transform: translateX(-6px); }
html[data-pager=big] #case-content .project-pagination-link:last-child:hover b { transform: translateX(6px); }
html[data-pager=photo] #case-content .project-pagination-link:hover img { transform: scale(1.05); }
html[data-pager=bar] #case-content .project-pagination-link:hover { background: color-mix(in srgb, var(--bg) 8%, transparent); }
html[data-pager=card] #case-content .project-pagination-link:hover { background: color-mix(in srgb, var(--accent) 8%, transparent); transform: translateY(-2px); }
#case-content .case-summary .radar-figure { flex: none !important; }
@media (min-width:901px) { #case-content .case-summary section.contribution-radar { contain: none !important; height: auto !important; } }
#case-content .case-summary .radar-chart { width: min(100%, 400px) !important; height: auto !important; max-width: 400px !important; }
.impact .impact-sub { margin: 10px 0 0; color: var(--muted); font-size: 1.05rem; }
.impact-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.impact-card { display: flex; flex-direction: column; padding: 30px 28px 26px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; transition: background-color .35s ease; }
.impact-card:hover, .impact-card:focus-visible { background: color-mix(in srgb, var(--accent) 5%, transparent); }
.impact-card p { margin: 0; }
.impact-big { font-size: clamp(2.6rem, 4.2vw, 3.6rem); font-weight: 800; line-height: 1; letter-spacing: -.035em; color: var(--accent); }
.impact-label { margin-top: 8px !important; font-size: 1.05rem; font-weight: 600; letter-spacing: -.01em; }
.impact-text { margin-top: 12px !important; color: var(--muted); font-size: .95rem; line-height: 1.55; flex: 1; }
.impact-src { margin-top: 20px !important; font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.impact-src span { color: var(--accent); transition: transform .3s ease; display: inline-block; }
.impact-card:hover .impact-src span { transform: translate(2px, -2px); }
@media (max-width: 980px) { .impact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .impact-grid { grid-template-columns: 1fr; } .impact-card { padding: 24px 20px; } }
.ab-bin-marks i:hover::before { background: color-mix(in srgb, var(--accent) 35%, var(--line)); }
@media (max-width: 760px) {  }
@media (max-width: 760px) {
}
.curio-lead span:not([class])::after { display: none; }
.btc-hud { color: rgb(255 255 255 / .82) !important; text-shadow: 0 0 6px rgb(255 255 255 / .25) !important; }
.btc-hud header b { color: #fff !important; }
.btc-hud header i, .btc-hud dt, .btc-hud .no { color: rgb(255 255 255 / .45) !important; }
.btc-hud .z, .btc-hud .ok { color: #fff !important; text-shadow: 0 0 8px rgb(255 255 255 / .55) !important; }
.btc-hud, .btc-hud * { border-color: rgb(255 255 255 / .2) !important; }
html[data-variant=nocturne] .identity img.identity-avatar,
html.is-night .identity img.identity-avatar { background: linear-gradient(175deg, #77756e 0%, #54534e 100%) !important; opacity: .9; }
.results-page { padding-top: clamp(56px, 7vw, 104px); padding-bottom: clamp(64px, 8vw, 120px); }
.results-page .section-heading { padding-top: 0; }
.results-page h1 { margin: 0; font-size: clamp(2.4rem, 5vw, 4.2rem); line-height: 1.02; letter-spacing: -.035em; }
.results-page .impact-sub { font-size: 1.15rem; margin-top: 14px; }
.nav-burger, .menu-sheet { display: none; }
@media (max-width: 760px) {
  body>.nav nav, html[data-variant] body>.nav nav { display: none !important; }
  .nav-burger { display: grid; place-content: center; gap: 4px; position: relative; z-index: 210; width: 44px; height: 44px; margin-left: auto; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--ink); cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .nav-burger span { display: block; width: 18px; height: 1.6px; border-radius: 2px; background: currentColor; transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .2s ease; }
  html.menu-open .nav-burger span:first-child { transform: translateY(5.6px) rotate(45deg); }
  html.menu-open .nav-burger span:nth-child(2) { opacity: 0; }
  html.menu-open .nav-burger span:last-child { transform: translateY(-5.6px) rotate(-45deg); }
  html.is-night .nav-burger, html[data-variant=nocturne] .nav-burger { color: #fff; border-color: rgb(255 255 255 / .28); }
  .menu-top { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; padding: max(14px, env(safe-area-inset-top)) 5vw 0; height: 72px; box-sizing: content-box; }
  .menu-name { font-size: 1.25rem; font-weight: 400; color: var(--ink); text-decoration: none; letter-spacing: -.01em; } .menu-name b { font-weight: 800; }
  .menu-close { display: grid; place-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--ink); cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .menu-close span { display: block; width: 18px; height: 1.6px; border-radius: 2px; background: currentColor; }
  .menu-close span:first-child { transform: translateY(.8px) rotate(45deg); } .menu-close span:last-child { transform: translateY(-.8px) rotate(-45deg); }
  .menu-sheet { display: flex; flex-direction: column; position: fixed; inset: 0; z-index: 200; padding: 96px 28px max(28px, env(safe-area-inset-bottom)); overflow-y: auto; background: var(--bg); visibility: hidden; opacity: 0; transform: translateY(-10px); transition: opacity .3s ease, transform .4s cubic-bezier(.2,.8,.2,1), visibility 0s .4s; }
  html.menu-open .menu-sheet { visibility: visible; opacity: 1; transform: none; transition: opacity .3s ease, transform .4s cubic-bezier(.2,.8,.2,1), visibility 0s; }
  html.menu-open, html.menu-open body { overflow: hidden; }
  .menu-sheet nav { display: flex; flex-direction: column; }
  .menu-sheet nav a { display: block; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 2rem; font-weight: 600; letter-spacing: -.025em; line-height: 1.1; color: var(--ink); text-decoration: none; }
  .menu-sheet nav a[aria-current=page] { color: var(--accent); }
  .menu-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 28px; }
  .menu-foot .nav-resume { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border: 1px solid var(--line); border-radius: 999px; font-weight: 600; color: var(--ink); text-decoration: none; }
  .menu-foot .nav-resume svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; }
  .menu-foot .theme-toggle { margin: 0; color: var(--ink); border-color: var(--line); }
  html.menu-open .menu-sheet nav a, html.menu-open .menu-foot { animation: menu-in .5s cubic-bezier(.2,.8,.2,1) both; }
  html.menu-open .menu-sheet nav a:nth-child(2) { animation-delay: .03s; } html.menu-open .menu-sheet nav a:nth-child(3) { animation-delay: .06s; }
  html.menu-open .menu-sheet nav a:nth-child(4) { animation-delay: .09s; } html.menu-open .menu-sheet nav a:nth-child(5) { animation-delay: .12s; }
  html.menu-open .menu-foot { animation-delay: .16s; }
}
@keyframes menu-in { from { opacity: 0; transform: translateY(12px); } }
@media (prefers-reduced-motion: reduce) { html.menu-open .menu-sheet nav a, html.menu-open .menu-foot { animation: none; } }
#featured .feature-tags .tag-material, #featured .feature-tags .pill-icon { width: 30px !important; height: 30px !important; margin-right: 10px !important; }
#featured .feature-tags .tag-copy { gap: 1px !important; }
#featured .feature-tags .tag-copy small { font-size: .74rem !important; }
#featured .feature-tags .tag-copy>span { font-size: .98rem !important; line-height: 1.2 !important; }
#featured .feature-tags .domain-pill { padding-left: 18px !important; }
#featured .feature-tags>* { padding-top: 0 !important; padding-bottom: 12px !important; }
#featured .role { margin-top: 12px !important; padding-top: 12px !important; row-gap: 10px !important; align-items: center; }
#featured .role>div { font-size: .98rem !important; line-height: 1.25 !important; }
#featured .role>div small { font-size: .74rem !important; margin-bottom: 2px; }
#featured .role .feature-action { padding: 8px 14px !important; font-size: .8rem !important; }
#more-grid .mini-body>.mini-card-footer { gap: 12px !important; container-type: inline-size; }
#more-grid .mini-tags .tag-material, #more-grid .mini-tags .pill-icon { width: 30px !important; height: 30px !important; flex: none; }
#more-grid .mini-tags .tag-material { margin-right: 10px !important; flex-basis: 30px !important; }
#more-grid .mini-tags .project-pill, #more-grid .mini-tags .domain-pill { gap: 0 !important; align-items: center; }
#more-grid .mini-tags .tag-copy { gap: 1px !important; min-width: 0; }
#more-grid .mini-tags .tag-copy small { font-size: .74rem !important; }
#more-grid .mini-tags .tag-copy>span { font-size: .98rem !important; line-height: 1.2 !important; text-wrap: balance; }
#more-grid .mini-tags .domain-pill { padding-left: 18px !important; }
#more-grid .mini-tags>* { padding-bottom: 12px !important; }
@container (max-width: 335px) {
  #more-grid .mini-card-footer .mini-tags { grid-template-columns: 1fr !important; gap: 10px !important; }
  #more-grid .mini-card-footer .mini-tags .domain-pill { padding-left: 0 !important; border-left: 0 !important; }
  #more-grid .mini-card-footer .mini-tags .domain-pill::before, #more-grid .mini-card-footer .mini-tags::after { display: none !important; }
  #more-grid:not(.is-list) .mini-card-footer .mini-tags::before { bottom: 0; }
  #more-grid:not(.is-list) .mini-card-footer .mini-tags { padding-bottom: 14px !important; }
  #more-grid:not(.is-list) .mini-card-footer .mini-open { margin-top: 3px !important; }
  #more-grid .mini-card-footer .mini-tags>* { padding-bottom: 0 !important; }
  #more-grid .mini-card-footer .mini-tags { padding-bottom: 12px !important; }
}
#more-grid .mini-project .mini-card-footer .mini-open { padding: 7px 14px !important; font-size: .8rem !important; min-height: 0 !important; }
@media (prefers-reduced-motion: reduce) { .case-solo video { animation: none; } }
html[data-pager=big] #case-content .case-body + .project-pagination, html[data-pager=big] #case-content .project-pagination {
  border-top: 0 !important; padding: 36px 0 44px !important; margin-bottom: var(--pager-pull, 0px) !important;
  background: color-mix(in srgb, var(--ink) 5%, var(--bg)); box-shadow: 0 0 0 100vmax color-mix(in srgb, var(--ink) 5%, var(--bg)); clip-path: inset(0 -100vmax);
}
html[data-pager=big] #case-content .project-pagination-link { padding-top: 0 !important; }
html[data-pager=big] main#case-content:has(> .project-pagination) { padding-bottom: 0 !important; }
html[data-pager=big] body:has(#case-content > .project-pagination) > footer { margin-top: 0 !important; }
.results-page .section-heading { position: relative; }
.impact-card { position: relative; }
html.impact-live .impact-card { opacity: 0; transform: translateY(26px); transition: opacity .7s ease calc(var(--i) * .12s), transform .9s cubic-bezier(.2,.8,.2,1) calc(var(--i) * .12s), background-color .35s ease; }
html.impact-live .impact-card.is-in { opacity: 1; transform: none; }
.impact-big { background: linear-gradient(100deg, var(--accent), color-mix(in srgb, var(--accent) 50%, #6a5be0)); -webkit-background-clip: text; background-clip: text; color: transparent !important; padding-right: 40px; }
@media (max-width: 760px) {  .impact-icon { top: 22px; right: 18px; } .impact-icon .pill-icon { width: 34px; height: 34px; } }
.resume-inset { margin-top: 28px !important; padding: 20px 22px 22px !important; border: 1px solid var(--line) !important; border-radius: 16px !important; background: none !important; box-shadow: none !important; }
.resume-inset b { display: flex; align-items: center; gap: 8px; margin: 0 0 18px; font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); }
.resume-inset b::before { content: ''; width: 14px; height: 14px; flex: none; background: var(--accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='M1.5 8h13M8 1.5c2 2 2.6 4 2.6 6.5S10 12.5 8 14.5M8 1.5C6 3.5 5.4 5.5 5.4 8S6 12.5 8 14.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='M1.5 8h13M8 1.5c2 2 2.6 4 2.6 6.5S10 12.5 8 14.5M8 1.5C6 3.5 5.4 5.5 5.4 8S6 12.5 8 14.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.resume-inset b::after { content: '2014–2016'; margin-left: auto; font-weight: 600; letter-spacing: .06em; color: var(--muted); }
.resume-inset ul { position: relative; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.resume-inset ul::before { content: ''; position: absolute; left: 4px; right: 0; top: 4px; height: 1px; background: linear-gradient(90deg, var(--accent), var(--line) 60%); }
.resume-inset li { position: relative; display: block; margin: 0; padding: 22px 0 0; font-size: .92rem; line-height: 1.5; color: var(--muted); }
.resume-inset li::before { content: '' !important; position: absolute; left: 0; top: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px var(--bg); }
.resume-inset li span { display: block; margin-bottom: 4px; font-size: 1.05rem; font-weight: 600; letter-spacing: -.01em; font-variant-numeric: tabular-nums; color: var(--ink); }
@media (max-width: 600px) { .resume-inset ul { grid-template-columns: 1fr; } .resume-inset ul::before { display: none; } }
.resume-inset li span, html.inset-v .resume-inset li span { margin-bottom: 6px !important; font-size: .71rem !important; font-weight: 400 !important; letter-spacing: normal !important; font-variant-numeric: tabular-nums; color: var(--accent) !important; }
.resume-inset b::after { font-size: .71rem; font-weight: 400; letter-spacing: normal; text-transform: none; color: var(--accent); }
.resume-inset b::after { content: none !important; }
.resume-page .resume-layout { padding-top: clamp(36px, 4.5vw, 60px); }
.resume-head { display: grid; grid-template-columns: 240px minmax(0, 1fr); column-gap: 75px; padding: clamp(40px, 5.2vw, 72px) 0 clamp(30px, 3.4vw, 44px); border-bottom: 1px solid var(--line); }
.resume-head h1 { grid-column: 1 / -1; margin: 0; font-size: max(2.4rem, var(--page-title)); line-height: 1.02; letter-spacing: -.045em; color: var(--ink); }
.resume-head .resume-role { grid-column: 1 / -1; margin: 12px 0 0; font-size: clamp(1.05rem, 1.6vw, 1.3rem); font-weight: 600; line-height: 1.3; letter-spacing: -.01em; color: var(--muted); }
.resume-contact { grid-column: 1; align-self: baseline; display: grid; align-content: start; justify-items: start; gap: 12px; margin: clamp(26px, 3vw, 38px) 0 0; padding: 0; list-style: none; }
.resume-contact a { display: inline-flex; align-items: baseline; gap: 10px; font-size: .92rem; font-weight: 600; line-height: 1.3; color: var(--ink); transition: color .2s; }
.resume-contact a:hover:where(:not(.no-tap-hover *)) { color: var(--accent); }
.resume-contact a svg { flex: none; align-self: center; width: 16px; height: 16px; fill: none; stroke: var(--accent); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.resume-contact a svg.is-fill { width: 15px; height: 15px; margin-inline: .5px; fill: var(--accent); stroke: none; }
.resume-contact .for-print { display: none; }
.resume-head .resume-summary { grid-column: 2; align-self: baseline; margin: clamp(26px, 3vw, 38px) 0 0; max-width: 62ch; font-size: clamp(1rem, 1.3vw, 1.15rem); line-height: 1.6; color: var(--muted); text-wrap: pretty; }
.resume-page .resume-content h2 { font-size: clamp(1.5rem, 2.2vw, 1.75rem); }
@media (max-width: 850px) { .resume-head { grid-template-columns: 190px minmax(0, 1fr); column-gap: 35px; } }
@media (max-width: 600px) {
  .resume-head { grid-template-columns: minmax(0, 1fr); padding: 30px 0 28px; }
  .resume-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 22px; }
  .resume-contact li:has(.resume-print) { flex-basis: 100%; }
  .resume-head .resume-summary { grid-column: 1; margin-top: 20px; font-size: 1rem; }
}
.resume-print { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 28px; padding: 10px 18px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--ink); font: inherit; font-size: .88rem; font-weight: 600; cursor: pointer; transition: background-color .25s, border-color .25s; }
.resume-print:hover:where(:not(.no-tap-hover *)) { border-color: var(--ink); }
@media print { .resume-print { display: none; } }
.resume-print { margin: 0; padding: 0; border: 0; border-radius: 0 !important; gap: 10px; color: var(--accent); font-size: .92rem; font-weight: 600; line-height: 1.3; }
.resume-print svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s; }
.resume-print:hover:where(:not(.no-tap-hover *)) { border-color: var(--line); color: var(--ink); }
.resume-print:hover:where(:not(.no-tap-hover *)) svg { transform: translateY(2px); }
.resume-contact .resume-print:focus-visible { outline-offset: 6px; }
@media print {
  @page resume {
    margin: .55in .6in .6in;
    @top-center { content: ''; }
    @bottom-left { content: 'Matt Munz · Résumé'; font: 9pt 'Proxima Nova', 'Source Sans 3', sans-serif; color: #6d6b66; }
    @bottom-right { content: counter(page) ' of ' counter(pages); font: 9pt 'Proxima Nova', 'Source Sans 3', sans-serif; color: #6d6b66; }
  }
  main.resume-page { page: resume; max-width: none; margin: 0; padding: 0 !important; }
  html:has(.resume-page), html[data-variant]:has(.resume-page) { --bg: #fff !important; --ink: #262624 !important; --muted: #6d6b66 !important; --line: #d8d8d6 !important; --accent: #ac2b6c !important; --t-meta: 9pt !important; color-scheme: light; background: #fff !important; }
  html:has(.resume-page) body { background: #fff !important; color: var(--ink) !important; font-size: 10pt !important; }
  body:has(> .resume-page) > :not(.resume-page) { display: none !important; }
  .resume-page *, .resume-page ::before, .resume-page ::after { animation: none !important; transition: none !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .resume-head { grid-template-columns: minmax(0, 1fr) auto; column-gap: 24pt; align-items: end; padding: 0 0 11pt; }
  .resume-head h1 { grid-column: 1; grid-row: 1; font-size: 25pt !important; line-height: 1; letter-spacing: -.035em; }
  .resume-head .resume-role { grid-column: 1; grid-row: 2; margin: 4pt 0 0; font-size: 11.5pt; }
  .resume-contact { grid-column: 2; grid-row: 1 / 3; align-self: auto; display: grid; justify-items: end; gap: 3pt; margin: 0; }
  .resume-contact li:has(.resume-print), .resume-contact .for-screen { display: none; }
  .resume-contact .for-print { display: inline; }
  .resume-contact a { gap: 5pt; font-size: 10pt; }
  .resume-contact a svg { display: none; }
  .resume-head .resume-summary { grid-column: 1 / -1; grid-row: 3; align-self: auto; max-width: none; margin: 9pt 0 0; font-size: 10.5pt; line-height: 1.45; color: var(--ink); }
  .resume-page .resume-layout { display: flex; flex-direction: column; gap: 0; padding-top: 12pt; }
  .resume-page .eyebrow, .resume-page .resume-history > h2 { margin: 0 0 5pt; font-family: var(--font-site); font-size: 9pt !important; font-weight: 600; line-height: 1.2; letter-spacing: .12em !important; text-transform: uppercase; color: var(--accent) !important; }
  .resume-evidence > h2, .resume-history > .eyebrow { display: none; }
  .resume-evidence { padding: 0 0 6pt; border-bottom: 0; }
  .resume-evidence > a { grid-template-columns: 108pt minmax(0, 1fr); gap: 0 12pt; padding: 3.5pt 0; font-size: 10pt !important; line-height: 1.45; }
  .resume-evidence > a b { grid-column: 1; grid-row: 1; font-size: 10pt; color: var(--ink); }
  .resume-evidence > a span { grid-column: 2; grid-row: 1; color: #52514c; }
  .resume-evidence > a i, .resume-history article > a span { display: none; }
  .resume-history { padding-top: 8pt; }
  .resume-history > article { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12pt; margin-left: 3pt; padding: 0 0 7pt 13pt; }
  .resume-history > article::before { top: 4pt; box-shadow: 0 0 0 3px #fff; }
  .resume-history > article > * { grid-column: 1 / -1; }
  .resume-history h3 { grid-column: 1 !important; grid-row: 1; margin: 0; font-size: 11.5pt !important; line-height: 1.25; }
  .resume-history .resume-period { grid-column: 2 !important; grid-row: 1; align-self: center; margin: 0; font-size: 9pt; }
  .resume-history .role-focus { margin: 1pt 0 3pt; font-size: 10pt !important; line-height: 1.35; }
  .resume-history > article > ul { margin: 0 0 2pt; padding-left: 12pt; }
  .resume-history > article > ul > li { margin: 0 0 1.5pt; font-size: 10pt !important; line-height: 1.45; color: #52514c; text-wrap: pretty; }
  .resume-history > article > p:not(.role-focus) { margin: 0 0 2pt; font-size: 10pt !important; line-height: 1.45; color: #52514c; }
  .resume-history > article > a { justify-self: start; font-size: 9pt; }
  .resume-history .resume-inset { margin: 4pt 0 3pt !important; padding: 7pt 10pt 8pt !important; border-radius: 8pt !important; }
  .resume-history .resume-inset b { margin: 0 0 7pt; font-size: 9pt; letter-spacing: .12em; }
  .resume-history .resume-inset b::before { width: 10pt; height: 10pt; }
  .resume-history .resume-inset ul { gap: 14pt; margin: 0; padding: 0; }
  .resume-history .resume-inset ul::before { top: 3px; }
  .resume-history .resume-inset li { margin: 0; padding: 10pt 0 0; font-size: 10pt !important; line-height: 1.45; color: var(--muted); text-wrap: pretty; }
  .resume-history .resume-inset li::before { width: 7px; height: 7px; box-shadow: 0 0 0 3px #fff; }
  .resume-history .resume-inset li span { margin-bottom: 1pt !important; font-size: 9pt !important; }
  .resume-page .resume-sidebar { order: 1; display: grid; grid-template-columns: max-content max-content minmax(0, 1fr); gap: 8pt 24pt; margin-top: 3pt; padding-top: 9pt; border-top: 1px solid var(--line); break-inside: avoid; }
  .resume-page .resume-sidebar section { margin: 0; }
  .resume-page .resume-sidebar section:nth-child(3) { grid-column: 1 / -1; grid-row: 2; }
  .resume-page .resume-sidebar ul { display: block; margin: 0; padding: 0; }
  .resume-page .resume-sidebar :is(li, p) { font-size: 10pt; line-height: 1.45; color: var(--ink); }
  .resume-page .resume-sidebar li { padding: 0 0 1.5pt; border: 0; }
  .resume-page .resume-sidebar p { margin: 0 0 4pt; }
}
@media (min-width: 981px) {  }
@media (min-width: 601px) and (max-width: 980px) { .impact-grid > .impact-card:last-child:nth-child(odd) { grid-column: span 2; } }
@media (min-width: 981px) {  }
.impact-icon { position: absolute; top: 26px; right: 24px; display: inline-flex; color: var(--tag-ink, #494743); transition: transform .5s cubic-bezier(.2,.8,.2,1), color .3s ease; }
.impact-icon { width: 40px; height: 40px; }
.impact-icon .pill-icon { display: block; flex: none; width: 40px; height: 40px; max-width: none; margin: 0; stroke-width: 1.8; color: rgb(81,79,74); }
.impact-card:hover .impact-icon { transform: translateY(-2px); }
@media (max-width: 760px) { .impact-icon { top: 22px; right: 18px; width: 34px; height: 34px; } .impact-icon .pill-icon { width: 34px; height: 34px; } }
.sh-word, .sh-word>span { display: inline-block; }
@media (prefers-reduced-motion: no-preference) {
  html.intro-hold:not(.sh-still) #work .selected-work-title:not(.is-in) { opacity: 0; }
  html.sh-ready:not(.sh-mask) .sh-head:not(.is-in) .sh-word>span,
  html.sh-ready .experience-cta.sh-head:not(.is-in) :is(.eyebrow, h2 + p, .experience-cta-link) { opacity: 0; }
  html.sh-ready:not(.sh-mask) .sh-head.is-in .sh-word>span { animation: sh-rise .85s cubic-bezier(.2,.8,.25,1) calc(var(--sh-i, 0) * 55ms) backwards; }
  html.sh-ready .experience-cta.sh-head.is-in .eyebrow { animation: sh-follow .7s cubic-bezier(.2,.8,.25,1) backwards; }
  html.sh-ready .experience-cta.sh-head.is-in h2 + p { animation: sh-follow .8s cubic-bezier(.2,.8,.25,1) var(--sh-after, 0s) backwards; }
  html.sh-ready .experience-cta.sh-head.is-in .experience-cta-link { animation: sh-follow .8s cubic-bezier(.2,.8,.25,1) calc(var(--sh-after, 0s) + 90ms) backwards; }
  html.sh-ready .sh-head:not(.is-in) .selected-work-count { opacity: 0; transform: scale(.6); }
  html.sh-ready .sh-head:not(.is-in) #focus-title { opacity: 0; transform: translateY(16px); }
  .sh-head.is-in .selected-work-count { transition: opacity .45s cubic-bezier(.25,.46,.45,.94) var(--sh-after, 0s), transform .8s cubic-bezier(.16,1,.3,1) var(--sh-after, 0s); }
  .sh-head.is-in #focus-title { transition: opacity .7s cubic-bezier(.25,.46,.45,.94) var(--sh-after, 0s), transform 1s cubic-bezier(.16,1,.3,1) var(--sh-after, 0s); }
}
@keyframes sh-rise { from { opacity: 0; transform: translateY(.42em); filter: blur(6px); } }
@keyframes sh-follow { from { opacity: 0; transform: translateY(12px); } }
.sh-reel { display: inline-flex; height: var(--sh-cell); line-height: var(--sh-cell); overflow: hidden; -webkit-mask-image: linear-gradient(transparent, #000 26%, #000 74%, transparent); mask-image: linear-gradient(transparent, #000 26%, #000 74%, transparent); }
.sh-reel>span { display: flex; flex-direction: column; }
.sh-reel i { display: block; height: var(--sh-cell); font-style: normal; }
.impact-media { display: contents; }
.impact-photo, .impact-when, .impact-chart { display: none; }
.impact-chart-cap { font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.impact-bar { display: grid; grid-template-columns: 3.6em minmax(0, 1fr) 3.4em; align-items: center; column-gap: 12px; font-size: .8rem; }
.impact-bar i { font-style: normal; }
.impact-bar b { display: flex; gap: 2px; height: 10px; }
.impact-bar :is(s, u) { display: block; height: 100%; text-decoration: none; transform-origin: 0 50%; border-radius: 2px 5px 5px 2px; }
.impact-bar s { flex: none; width: var(--base); }
.impact-bar.is-after s { border-radius: 2px; }
.impact-bar u { flex: 1; }
.impact-bar em { font-style: normal; font-size: 1rem; font-weight: 800; letter-spacing: -.01em; }
.impact-also { justify-self: start; margin-top: 6px; padding: 6px 12px; border-radius: 999px; font-size: .76rem; font-weight: 600; letter-spacing: .01em; }
.impact-switch { display: flex; align-items: center; gap: 2px; width: max-content; max-width: 100%; margin: 0 0 18px auto; padding: 3px; overflow-x: auto; scrollbar-width: none; border: 1px solid var(--line); border-radius: 999px; background: color-mix(in srgb, var(--bg) 80%, #fff); font-size: .75rem; font-weight: 600; }
.impact-switch > span { flex: none; padding: 0 8px 0 10px; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.impact-switch button { flex: none; padding: 7px 12px; border: 0; border-radius: 999px; background: transparent; color: var(--muted); font: inherit; cursor: pointer; transition: background-color .25s ease, color .25s ease; }
.impact-switch button:hover { color: var(--ink); }
.impact-switch button[aria-pressed=true] { background: var(--ink); color: var(--bg); }
.impact-switch button:focus-visible { outline-offset: -2px; }
@media (min-width: 761px) {
}
@media (max-width: 760px) {
}
html[data-cards=a] .impact-grid > .impact-card:is(:hover, :focus-visible) { background: color-mix(in srgb, #fff 84%, var(--bg)); transform: translateY(-4px); box-shadow: 0 1px 2px rgb(38 38 36 / .05), 0 36px 70px -36px rgb(60 59 56 / .5); }
html[data-variant=nocturne][data-cards=a] .impact-grid > .impact-card:is(:hover, :focus-visible) { background: color-mix(in srgb, #fff 5.5%, var(--bg)); box-shadow: 0 0 0 1px rgb(240 139 189 / .16), 0 40px 80px -40px rgb(240 139 189 / .28); }
html[data-cards=a] .impact-card:is(:hover, :focus-visible) .impact-photo img { transform: scale(1.045); filter: none; }
html[data-cards=a] .impact-card:is(:hover, :focus-visible) .impact-photo::after { opacity: .28; }
html[data-cards=a] .impact-card:is(:hover, :focus-visible) .impact-src span { background: var(--accent); border-color: var(--accent); color: #fff; }
html[data-variant=nocturne][data-cards=a] .impact-card:is(:hover, :focus-visible) .impact-src span { color: #0f0f10; }
html[data-cards=b] .impact-grid > .impact-card:is(:hover, :focus-visible) { background: #1d1d1b; }
@media (min-width: 1101px) {
}
@media (min-width: 601px) and (max-width: 1100px) {
}
@media (max-width: 600px) {
}
html[data-variant=nocturne][data-cards=b] .impact-card:is(:hover, :focus-visible)::after { box-shadow: inset 0 0 0 1px rgb(240 139 189 / .34); }
html[data-cards=b] .impact-card:is(:hover, :focus-visible) .impact-photo img { transform: scale(1.03); }
html[data-cards=b] .impact-card:is(:hover, :focus-visible) .impact-src span { background: #f08bbd; color: #1d1d1b; box-shadow: none; }
@media (min-width: 601px) and (max-width: 1100px) {  }
.impact-axis, .impact-src time { display: none; }
html[data-cards=info] .impact-grid > .impact-card:is(:hover, :focus-visible) { background: #252523; }
html[data-cards=info] .impact-grid > .impact-card:focus-visible { outline: 0; }
html[data-cards=info] .impact-grid > .impact-card:focus-visible::after { content: ''; position: absolute; inset: 0; z-index: 3; border-radius: inherit; box-shadow: inset 0 0 0 2px #f08bbd; pointer-events: none; }
@media (min-width: 761px) {
}
@media (min-width: 1101px) {
}
@media (min-width: 761px) and (max-width: 1100px) {
}
@media (max-width: 760px) {
}
html[data-variant=nocturne][data-cards=info] .impact-grid > .impact-card:is(:hover, :focus-visible) { background: #272624; }
@media (min-width: 761px) {
}
@supports selector(:has(*)) {
}
html[data-cards=info] .impact-card:is(:hover, :focus-visible) .impact-photo { opacity: .34; }
html[data-cards=info] .impact-card:is(:hover, :focus-visible) .impact-photo img { transform: scale(1.03); }
html[data-cards=info] .impact-card:is(:hover, :focus-visible) .impact-src > span { translate: 2px -2px; }
html:is([data-cards=d], [data-cards=e], [data-cards=f], [data-cards=g], [data-cards=h], [data-cards=i], [data-cards=j], [data-cards=k], [data-cards=l], [data-cards=m]) .impact-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (min-width: 1101px) {
}
@media (max-width: 760px) {  }
html[data-cards=d] .impact-grid > .impact-card:is(:hover, :focus-visible) { background: color-mix(in srgb, var(--accent) 4%, transparent); }
html[data-cards=d] .impact-card:is(:hover, :focus-visible)::before { color: var(--accent); }
html[data-cards=d] .impact-grid > .impact-card:focus-visible { outline-offset: 2px; }
@media (max-width: 760px) {
}
html[data-cards=e] .impact-grid > .impact-card:is(:hover, :focus-visible) { background-color: transparent; background-image: linear-gradient(var(--accent), var(--accent)); }
html[data-cards=e] .impact-card:is(:hover, :focus-visible)::before { background: var(--accent); }
html[data-cards=e] .impact-card:is(:hover, :focus-visible)::after { scale: 1.3; }
html[data-cards=e] .impact-card[data-mark=event]:is(:hover, :focus-visible)::after { scale: 1.1; }
html[data-cards=e] .impact-card:is(:hover, :focus-visible) .impact-when { color: var(--accent); }
html[data-cards=e] .impact-grid > .impact-card:focus-visible { outline-offset: 0; border-radius: 4px; }
@media (max-width: 760px) {
}
html[data-cards=f] .impact-grid > .impact-card:is(:hover, :focus-visible) { background: #fff; }
html[data-cards=f] .impact-grid > .impact-card:focus-visible { outline: 0; box-shadow: inset 0 0 0 2px var(--accent); }
html[data-cards=f] .impact-card:is(:hover, :focus-visible) .impact-src > span { transform: translate(2px, -2px); }
@media (min-width: 1101px) {
}
@media (min-width: 761px) and (max-width: 1100px) {
}
@media (max-width: 760px) {
}
html[data-variant=nocturne][data-cards=f] .impact-grid > .impact-card:is(:hover, :focus-visible) { background: color-mix(in srgb, #fff 6.5%, var(--bg)); }
html[data-cards=g] .impact-grid > .impact-card:focus-visible { outline-offset: -2px; }
@media (min-width: 761px) and (max-width: 1100px) {  }
@media (max-width: 760px) {
}
html[data-cards=h] .impact-grid > .impact-card:is(:hover, :focus-visible) { background: #1d1d1b; }
html[data-cards=h] .impact-grid > .impact-card:focus-visible { outline-offset: 3px; }
html[data-cards=h] .impact-card:is(:hover, :focus-visible) .impact-photo img { transform: scale(1.05); }
html[data-cards=h] .impact-card:is(:hover, :focus-visible) .impact-photo::after { opacity: .85; }
@media (min-width: 761px) and (max-width: 1100px) {
}
@media (max-width: 760px) {
}
html[data-cards=i] .impact-grid > .impact-card:is(:hover, :focus-visible) { background: linear-gradient(90deg, rgb(240 139 189 / .07), rgb(240 139 189 / .02)); }
html[data-cards=i] .impact-grid > .impact-card:focus-visible { outline: 2px solid #f08bbd; outline-offset: 5px; border-radius: 10px; }
html[data-cards=i] .impact-card:is(:hover, :focus-visible)::after { box-shadow: inset 0 0 0 1px rgb(240 139 189 / .45), 0 0 22px -6px rgb(240 139 189 / .5); }
@media (max-width: 760px) {
}
html[data-cards=j] .impact-grid > .impact-card:not(:first-child):is(:hover, :focus-visible) { transform: translateY(-4px); background: #fff; box-shadow: 0 1px 2px rgb(38 38 36 / .05), 0 28px 44px -28px rgb(60 59 56 / .5); }
html[data-cards=j] .impact-card:first-child:is(:hover, :focus-visible) .impact-photo img { transform: scale(1.04); opacity: .9; }
html[data-cards=j] .impact-grid > .impact-card:first-child:focus-visible { outline-offset: 3px; }
@media (max-width: 1100px) {
}
@media (max-width: 760px) {
}
html[data-variant=nocturne][data-cards=j] .impact-grid > .impact-card:not(:first-child):is(:hover, :focus-visible) { background: color-mix(in srgb, #fff 7%, var(--bg)); }
html:is([data-cards=k], [data-cards=m]) .impact-grid .impact-card:is(:hover, :focus-visible) .impact-big:nth-child(n) { color: color-mix(in srgb, var(--accent) 88%, transparent) !important; }
html:is([data-cards=k], [data-cards=m]) .impact-card:is(:hover, :focus-visible) .impact-text { border-left-color: var(--accent); }
html:is([data-cards=k], [data-cards=m]) .impact-grid > .impact-card:focus-visible { outline-offset: 6px; border-radius: 6px; }
@media (min-width: 761px) and (max-width: 1100px) {  }
@media (max-width: 760px) {
}
html[data-variant=nocturne]:is([data-cards=k], [data-cards=m]) .impact-grid .impact-card:is(:hover, :focus-visible) .impact-big:nth-child(n) { color: rgb(240 139 189 / .85) !important; }
.impact-src-name { font-style: normal; }
@media (min-width: 761px) and (max-width: 1100px) {
}
@media (max-width: 760px) {
}
html[data-cards=m]:not(.impact-still) .impact-grid > .impact-card:focus-visible:nth-child(n) { translate: 0 -4px; transition: translate .35s cubic-bezier(.2,.8,.2,1); }
html[data-cards=l][data-map=old] .impact-grid > .impact-card:is(:hover, :focus-visible) { background: color-mix(in srgb, var(--accent) 4%, transparent); }
html[data-cards=l][data-map=old] .impact-grid > .impact-card:focus-visible { outline-offset: 0; }
@media (max-width: 1100px) {
}
@keyframes res6-hub { 0%, 100% { scale: .7; opacity: .5; } 50% { scale: 1.15; opacity: 1; } }
html[data-cards=l][data-map=v2] .impact-grid > .impact-card:is(:hover, :focus-visible) { transform: translateY(-3px); border-color: color-mix(in srgb, var(--accent) 32%, var(--line)); background: color-mix(in srgb, #fff 82%, var(--bg)); box-shadow: 0 1px 2px rgb(38 38 36 / .05), 0 22px 40px -24px rgb(59 58 55 / .32); }
html[data-cards=l][data-map=v2] .impact-card:is(:hover, :focus-visible) .impact-icon { background: color-mix(in srgb, var(--accent) 13%, var(--tag-wash, #e6e6e4)); }
@media (max-width: 1100px) {
}
@media (max-width: 760px) {
}
html[data-variant=nocturne][data-cards=l][data-map=v2] .impact-grid > .impact-card:is(:hover, :focus-visible) { border-color: rgb(240 139 189 / .35); background: color-mix(in srgb, #fff 6%, var(--bg)); }
html[data-variant=nocturne][data-cards=l][data-map=v2] .impact-card:is(:hover, :focus-visible) .impact-icon { background: rgb(240 139 189 / .16); }
html.impact-live[data-cards=l][data-map=v2] .impact-grid > .impact-card.is-in:is(:hover, :focus-visible) { transform: translateY(-3px); }
html[data-cards=l]:not([data-map]) .impact-grid > .impact-card:is(:hover, :focus-visible) { background: transparent; }
html[data-cards=l]:not([data-map]) .impact-grid > .impact-card:is(:hover, :focus-visible)::after { opacity: 1; scale: 1; }
html[data-cards=l]:not([data-map]) .impact-grid > .impact-card:focus-visible { outline: 2px solid var(--accent); outline-offset: -7px; }
html[data-cards=l]:not([data-map]) .impact-card:is(:hover, :focus-visible) .impact-when::after { transform: translate(2px, -2px); }
html[data-cards=l]:not([data-map]) .impact-card:is(:hover, :focus-visible) .impact-icon { transform: translateY(-2px); background: color-mix(in srgb, var(--accent) 14%, var(--tag-wash, #e6e6e4)); }
@media (max-width: 1100px) {
}
@media (max-width: 760px) {
  html[data-cards=l]:not([data-map]) .impact-grid > .impact-card:focus-visible { outline-offset: -5px; }
}
@media (max-width: 480px) {  }
html[data-variant=nocturne][data-cards=l]:not([data-map]) .impact-card:is(:hover, :focus-visible) .impact-icon { background: rgb(240 139 189 / .16); }
.impact-ticker { display: none; }
html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .results-page { padding-top: clamp(18px, 3.4vh, 44px); padding-bottom: clamp(36px, 6vh, 72px); }
html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .results-page .section-heading { padding-bottom: clamp(14px, 2.6vh, 28px); }
html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .results-page h1 { font-size: clamp(2.3rem, min(4.4vw, 6.4vh), 4rem); }
html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .results-page .impact-sub { margin-top: clamp(4px, 1vh, 10px); font-size: clamp(1rem, 1.9vh, 1.15rem); }
html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .impact-grid { border: 0; }
html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .impact-grid > .impact-card:nth-child(n) { grid-column: auto; min-width: 0; padding: 0; border: 0; background: none; }
html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) :is(.impact-media, .impact-chart, .impact-also) { display: none; }
html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .impact-grid .impact-big:nth-child(n) { padding-right: 0; background: none; -webkit-background-clip: border-box; background-clip: border-box; }
html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .impact-grid > .impact-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 6px; border-radius: 6px; }
html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .impact-src { display: flex; align-items: baseline; gap: 8px; min-width: 0; margin-top: 0 !important; font-size: .64rem; letter-spacing: .07em; line-height: 1.3; white-space: nowrap; }
html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .impact-src-name { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .impact-src :is(time, > span) { display: inline-block; flex: none; }
html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .impact-src time { font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ink); }
html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .impact-card:is(:hover, :focus-visible) .impact-src > span { transform: translate(2px, -2px); }
@media (min-width: 1101px) {
  html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .results-page > .impact { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; }
  html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .impact > .section-heading { grid-row: 1; grid-column: 1; }
  html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .impact-switch > span { display: none; }
  html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .impact-switch button { padding: 5px 8px; }
  html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .impact > :not(.section-heading, .impact-switch) { grid-column: 1 / -1; }
}
@media (max-width: 760px) { html:is([data-cards=k2], [data-cards=k3], [data-cards^=k4], [data-cards=k5]) .impact-switch { flex-wrap: wrap; width: auto; margin: 0 0 16px; border-radius: 18px; } }
html[data-cards=k2] .impact-card:is(:hover, :focus-visible) .impact-text { text-decoration-color: color-mix(in srgb, var(--accent) 45%, transparent); }
html[data-cards=k2] .impact-card:is(:hover, :focus-visible) .impact-text::before { color: var(--accent); }
@media (min-width: 761px) and (max-width: 1100px) {
}
@media (max-width: 760px) {
}
html[data-cards=k3] .impact-ticker:hover .impact-ticker-track > span, html[data-cards=k3] .impact-ticker.is-paused .impact-ticker-track > span { animation-play-state: paused; }
html[data-cards=k3] .impact-ticker-pause:hover { border-color: var(--ink); }
html[data-cards=k3] .impact-ticker-pause:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@keyframes impact-ticker { to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) {
  html[data-cards=k3] .impact-ticker-track > span { animation: none; }
  html[data-cards=k3] .impact-ticker-pause { display: none; }
}
html[data-cards=k3] .impact-grid > .impact-card:is(:hover, :focus-visible) { border-top-color: var(--accent); box-shadow: inset 0 1px 0 var(--accent); }
html[data-cards=k3] .impact-card:is(:hover, :focus-visible) .impact-text { color: var(--ink); }
@media (min-width: 761px) and (max-width: 1100px) {
}
@media (max-width: 760px) {
}
html[data-cards=k4] .impact-grid > .impact-card:is(:hover, :focus-visible) { z-index: 2; rotate: 0deg; translate: 0 -6px; box-shadow: 0 1px 1px rgb(38 38 36 / .05), 0 26px 40px -20px rgb(38 38 36 / .45); }
html[data-cards=k4] .impact-grid .impact-card:is(:hover, :focus-visible) .impact-big:nth-child(n) { color: var(--accent) !important; }
html[data-variant=nocturne][data-cards=k4] .impact-grid > .impact-card:is(:hover, :focus-visible) { background: color-mix(in srgb, #fff 10%, var(--bg)); }
@media (prefers-reduced-motion: reduce) { html[data-cards=k4] .impact-grid > .impact-card:nth-child(n) { transition: none; } }
@media (min-width: 761px) and (max-width: 1100px) {
}
@media (max-width: 760px) {
}
@media (max-width: 760px) {
}
.impact-pin, .impact-call, .impact-thread, .impact-pile { display: none; }
.impact-subswitch { display: flex; align-items: center; gap: 2px; width: max-content; max-width: 100%; margin: -8px 0 16px auto; padding: 2px; overflow-x: auto; scrollbar-width: none; border: 1px solid var(--line); border-radius: 999px; background: color-mix(in srgb, var(--bg) 80%, #fff); font-size: .62rem; font-weight: 600; line-height: 1.2; }
.impact-subswitch button { flex: none; padding: 2px 8px; border: 0; border-radius: 999px; background: transparent; color: var(--muted); font: inherit; letter-spacing: .02em; cursor: pointer; transition: background-color .25s ease, color .25s ease; }
.impact-subswitch button:hover { color: var(--ink); }
.impact-subswitch button > span { display: none; font-weight: 600; }
.impact-subswitch button[aria-pressed=true] { background: var(--accent); color: #fff; }
.impact-subswitch button[aria-pressed=true] > span { display: inline; }
.impact-subswitch button:focus-visible { outline-offset: -2px; }
@media (min-width: 1101px) {  }
@media (max-width: 760px) { html[data-cards^=k4] .impact-subswitch { margin: -6px 0 16px; } }
html[data-cards=k4b] .impact-grid > .impact-card:is(:hover, :focus-visible) { z-index: 2; rotate: 0deg; scale: 1.04; box-shadow: 0 1px 1px rgb(70 40 15 / .2), 0 16px 18px -10px rgb(70 40 15 / .32), 0 36px 46px -22px rgb(60 32 10 / .58); }
html[data-cards=k4b] .impact-grid > .impact-card:focus-visible { outline-offset: 5px; border-radius: 3px; }
html[data-cards=k4b] .impact-card:is(:hover, :focus-visible) .impact-pin::after { animation: pin-nudge .6s cubic-bezier(.3,.6,.4,1); }
@keyframes pin-nudge { 25% { translate: .9px -1.4px; } 55% { translate: -.7px .6px; } 80% { translate: .3px -.2px; } }
html[data-cards=k4b] .impact-grid .impact-card:is(:hover, :focus-visible) .impact-big:nth-child(n) { color: var(--accent) !important; }
html[data-variant=nocturne][data-cards=k4b] .impact-grid > .impact-card:is(:hover, :focus-visible) { box-shadow: inset 0 1px 0 rgb(255 255 255 / .08), 0 16px 18px -10px rgb(0 0 0 / .55), 0 36px 46px -22px rgb(0 0 0 / .8); }
@media (min-width: 761px) and (max-width: 1100px) {
}
@media (max-width: 760px) {
}
@media (prefers-reduced-motion: reduce) { html[data-cards=k4b] .impact-grid > .impact-card:nth-child(n) { transition: none; } html[data-cards=k4b] .impact-card .impact-pin::after { animation: none !important; } }
html[data-cards=k4c] .impact-grid > .impact-card:is(:hover, :focus-visible) { z-index: 2; translate: var(--dx) -14px; box-shadow: inset 0 1px 0 rgb(255 255 255 / .7), 0 1px 1px rgb(80 60 20 / .14), 0 26px 32px -18px rgb(60 40 10 / .5); }
html[data-cards=k4c] .impact-grid > .impact-card:focus-visible { outline-offset: 4px; border-radius: 3px; }
html[data-cards=k4c] .impact-grid > .impact-card:is(:hover, :focus-visible)::after { background-position: 0 18.5px, 0 0; }
html[data-cards=k4c] .impact-grid .impact-card:is(:hover, :focus-visible) .impact-big:nth-child(n) { color: var(--red) !important; }
html[data-variant=nocturne][data-cards=k4c] .impact-grid > .impact-card:is(:hover, :focus-visible) { box-shadow: inset 0 1px 0 rgb(255 255 255 / .35), 0 28px 34px -18px rgb(0 0 0 / .85); }
@media (max-width: 1100px) {
}
@media (max-width: 760px) {
}
@media (prefers-reduced-motion: reduce) { html[data-cards=k4c] .impact-grid > .impact-card:nth-child(n), html[data-cards=k4c] .impact-grid > .impact-card::after { transition: none; } }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(1) { --fi: -3; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(2) { --fi: -2; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(3) { --fi: -1; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(4) { --fi: 0; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(5) { --fi: 1; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(6) { --fi: 2; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(7) { --fi: 3; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { display: flex; flex-direction: column; padding: clamp(14px, 2vh, 20px) clamp(14px, 1.2vw, 18px) clamp(12px, 1.7vh, 16px); border-radius: 12px;
  background: linear-gradient(175deg, #fffefc, #faf7f2); box-shadow: inset 0 0 0 1px rgb(38 38 36 / .07), inset 0 0 0 5px #fffefc, inset 0 0 0 6px color-mix(in srgb, var(--accent) 16%, transparent), 0 1px 2px rgb(38 38 36 / .12), 0 14px 26px -16px rgb(38 38 36 / .5); }
html[data-cards=k4d] .impact-grid .impact-big:nth-child(n) { width: max-content; max-width: 100%; font-size: clamp(1.3rem, min(1.7vw, 3vh), 1.75rem); font-weight: 800; line-height: 1; letter-spacing: -.035em; color: var(--ink) !important; transition: color .35s ease; }
html[data-cards=k4d] .impact-label { margin-top: 7px !important; padding-bottom: 8px; border-bottom: 1px solid color-mix(in srgb, var(--accent) 40%, transparent); font-size: .62rem; font-weight: 600; line-height: 1.35; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); text-wrap: balance; }
html[data-cards=k4d] .impact-text { flex: 1; margin-top: 10px !important; font-size: clamp(.82rem, min(.96vw, 1.7vh), .94rem); line-height: 1.45; color: var(--ink); text-wrap: pretty; }
html[data-cards=k4d] .impact-src { margin-top: 10px !important; }
html[data-cards=k4d] .impact-grid > .impact-card:focus-visible { outline-offset: 4px; border-radius: 14px; }
@media (min-width: 1101px) {
  html[data-cards=k4d] .impact-grid { --fan-w: clamp(200px, min(16.5vw, 33vh), 250px); --fan-h: calc(var(--fan-w) * 1.16); --fan-r: calc(var(--fan-w) * 4.4); --fan-step: 7deg; --fan-step-h: 7deg; --fan-aside: 3.2deg; --fan-lift: clamp(22px, 4vh, 38px); --fan-top: calc(var(--fan-lift) + 10px);
    position: relative; display: block; height: calc(var(--fan-top) + var(--fan-h) / 2 + var(--fan-r) * (1 - cos(3 * var(--fan-step-h, var(--fan-step)))) + var(--fan-h) / 2 * cos(3 * var(--fan-step-h, var(--fan-step))) + var(--fan-w) / 2 * sin(3 * var(--fan-step-h, var(--fan-step))) + 6px); }
  html[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { --push: 0deg; --th: calc(var(--fi) * var(--fan-step) + var(--push)); --qx: calc(var(--fan-w) * -.3); --qy: calc(var(--fan-h) * -.34 - var(--fan-r)); --ang: 0deg; --up: 0px; --s: 1;
    position: absolute; left: 50%; top: var(--fan-top); width: var(--fan-w); height: var(--fan-h); margin: 0 0 0 calc(var(--fan-w) / -2);
    transform-origin: 50% calc(50% + var(--fan-r));
    transform: rotate(var(--th)) translate(var(--qx), var(--qy)) rotate(var(--ang)) scale(var(--s)) translate(calc(-1 * var(--qx)), calc(-1 * var(--qy))) translateY(calc(-1 * var(--up)));
    will-change: transform; transition: transform .42s cubic-bezier(.22,.8,.24,1), box-shadow .3s ease; }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card:not(.is-in):nth-child(n) { opacity: 0; }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card.is-in:nth-child(n) { --gd: calc(1.05s + var(--i) * .04s);
    animation: k4d-arrive .9s cubic-bezier(.2,.7,.1,1) calc(.1s + var(--i) * .04s) both; }
  html.impact-live[data-cards=k4d] .impact-grid::after { opacity: 0; }
}
@media (max-width: 1100px) {
  html[data-cards=k4d] .impact-grid { display: flex; gap: 14px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 5vw; margin: 0 -5vw; padding: 10px 5vw 24px; scrollbar-width: none; }
  html[data-cards=k4d] .impact-grid::-webkit-scrollbar { display: none; }
  html[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { flex: 0 0 min(300px, 76vw); scroll-snap-align: start; rotate: calc(var(--fi) * .35deg); }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { transform: translateX(32px); transition: transform .7s cubic-bezier(.22,1.25,.36,1) calc(var(--i) * .07s), opacity .45s ease calc(var(--i) * .07s); }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card:not(.is-in):nth-child(n) { opacity: 0; }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card.is-in:nth-child(n) { transform: none; }
}
@media (prefers-reduced-motion: reduce) { html[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { transition: none; } }
@keyframes k4d-cue { from { opacity: 0; translate: 0 6px; } to { opacity: 1; translate: 0 0; } }
@keyframes k4d-arrive { from { translate: 0 14px; } to { translate: 0 0; } }
@keyframes k4d-cam { from { transform: perspective(1400px) rotateX(18deg) rotateZ(-2.5deg) scale(1.08) translateY(24px); filter: blur(2.5px); opacity: 0; } 30% { opacity: 1; } 70% { filter: blur(0); } to { transform: none; filter: none; } }
.impact-glyph { display: none; }
@media (max-width: 1100px) { html[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { position: relative; } }
@media (max-width: 760px) {
  html[data-cards=k4d] .impact-grid .impact-card .impact-label:nth-child(n) { font-size: 12.5px !important; padding-right: 76px; }
  html[data-cards=k4d] .impact-grid .impact-card :is(.impact-src, .impact-src-name, .impact-src time, .impact-chart-cap):nth-child(n) { font-size: 12px !important; }
  html[data-cards=k4d] .impact-grid { flex-direction: column; overflow: visible; scroll-snap-type: none; margin: 0; padding: 4px 0 24px; gap: 16px; }
  html[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { flex: none; width: 100%; rotate: none; }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { transform: translateY(24px); }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card.is-in:nth-child(n) { transform: none; }
}
@media (max-width: 760px) {
  html[data-cards=k4d] .impact-grid .impact-big:nth-child(n) { font-size: 2rem; }
  html[data-cards=k4d] .impact-grid .impact-card .impact-label:nth-child(n) { margin-top: 4px !important; padding-bottom: 0; border: 0; font-size: 1.08rem !important; line-height: 1.3; letter-spacing: 0; text-transform: none; color: var(--ink); }
  html[data-cards=k4d] .impact-grid .impact-text:nth-child(n) { margin-top: 12px !important; padding-top: 12px; border-top: 1px solid var(--line); font-size: 1rem; line-height: 1.5; color: var(--muted); }
  html[data-cards=k4d] .impact-grid .impact-card :is(.impact-src, .impact-src-name, .impact-src time):nth-child(n) { font-size: 11.5px !important; letter-spacing: .08em; color: var(--muted); }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { transform: translateY(36px) scale(.97); transition: transform .9s cubic-bezier(.16,1,.3,1) calc(var(--i) * .08s), opacity .6s ease calc(var(--i) * .08s); }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) > :is(.impact-label, .impact-text, .impact-src) { opacity: 0; translate: 0 10px; transition: opacity .6s ease, translate .8s cubic-bezier(.16,1,.3,1); }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card.is-in:nth-child(n) > :is(.impact-label, .impact-text, .impact-src) { opacity: 1; translate: none; }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card.is-in:nth-child(n) > .impact-label { transition-delay: calc(var(--i) * .08s + .12s); }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card.is-in:nth-child(n) > .impact-text { transition-delay: calc(var(--i) * .08s + .22s); }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card.is-in:nth-child(n) > .impact-src { transition-delay: calc(var(--i) * .08s + .32s); }
  html[data-cards=k4d] .impact-grid > .impact-card:nth-child(n):nth-child(n) { padding: 18px 18px 14px; }
  html[data-cards=k4d] .impact-grid .impact-card .impact-glyph:nth-child(n) { top: 18px; right: 18px; width: 52px; padding: 8px; box-sizing: border-box; border-radius: 8px; background: color-mix(in srgb, var(--accent) 7%, transparent); }
  html[data-cards=k4d] .impact-grid .impact-big:nth-child(n) { max-width: calc(100% - 68px); margin-top: 10px; }
  html[data-cards=k4d] .impact-grid .impact-card .impact-label:nth-child(n) { margin-top: 10px !important; padding-right: 0; }
}
html[data-cards=k4d] .impact-glyph { display: block; position: absolute; top: clamp(10px, 1.6vh, 16px); right: clamp(10px, 1vw, 14px); width: clamp(56px, 4.6vw, 64px); height: auto; aspect-ratio: 1; color: var(--tag-ink, #494743); pointer-events: none; overflow: visible; }
html[data-cards=k4d] .impact-grid .impact-big:nth-child(n) { max-width: calc(100% - 70px); }
.impact-glyph :is(.rg-bar, .rg-pop, .rg-arrow) { transform-box: fill-box; }
.impact-glyph .rg-bar { transform-origin: 50% 100%; }
.impact-glyph .rg-pop { transform-origin: center; }
.impact-glyph .rg-draw { stroke-dasharray: 1 1; }
@media (prefers-reduced-motion: no-preference) {
  html[data-cards=k4d] .impact-card.is-in .rg-draw { animation: rg-draw 1.3s cubic-bezier(.2,.7,.2,1) calc(var(--gd, 0s) + .1s + var(--i, 0) * .05s) both; }
  html[data-cards=k4d] .impact-card.is-in .rg-bar { animation: rg-bar .7s cubic-bezier(.2,.7,.2,1) calc(var(--gd, 0s) + .05s + var(--i) * .09s) both; }
  html[data-cards=k4d] .impact-card.is-in .rg-pop { animation: rg-pop .45s cubic-bezier(.3,1.6,.5,1) calc(var(--gd, 0s) + .4s + var(--i, 0) * .2s) both; }
  html[data-cards=k4d] .impact-card.is-in .rg-arrow { animation: rg-arrow .5s cubic-bezier(.2,.7,.2,1) calc(var(--gd, 0s) + .8s) both; }
  html[data-cards=k4d] .impact-card.is-in .rg-flash { animation: rg-flash 1.1s ease-in-out calc(var(--gd, 0s) + .2s); }
}
@keyframes rg-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes rg-draw2 { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes rg-bar { from { transform: scaleY(0); } to { transform: none; } }
@keyframes rg-bar2 { from { transform: scaleY(0); } to { transform: none; } }
@keyframes rg-pop { from { transform: scale(0); } to { transform: none; } }
@keyframes rg-pop2 { from { transform: scale(0); } to { transform: none; } }
@keyframes rg-arrow { from { opacity: 0; transform: translate(-3px, 3px); } to { opacity: 1; transform: none; } }
@keyframes rg-arrow2 { from { opacity: 0; transform: translate(-3px, 3px); } to { opacity: 1; transform: none; } }
@keyframes rg-flash { 50% { fill-opacity: .32; } }
@keyframes rg-flash2 { 50% { fill-opacity: .32; } }
html[data-cards=k4d] .results-page { padding-bottom: clamp(32px, 4vw, 56px); }
@media (min-width: 1101px) {
  html[data-cards=k4d] .results-page > .impact { display: flex; flex-direction: column; }
  html[data-cards=k4d] .results-page .section-heading { display: block; padding-bottom: clamp(8px, 2vh, 24px); text-align: center; }
  html[data-cards=k4d] .results-page .impact-sub { margin-inline: auto; }
  html[data-cards=k4d] .impact-grid { margin-top: clamp(4px, 1.5vh, 16px); }
  html[data-cards=k4d] .impact-glyph { top: auto; right: auto; bottom: clamp(36px, 5vh, 46px); left: clamp(10px, .9vw, 14px); width: clamp(60px, 5vw, 72px); }
  html[data-cards=k4d] .impact-grid .impact-card .impact-text { min-height: 0; overflow: hidden; margin-bottom: calc(clamp(60px, 5vw, 72px) + 4px); -webkit-mask: linear-gradient(#000 calc(100% - 1.4em), transparent); mask: linear-gradient(#000 calc(100% - 1.4em), transparent); }
  html[data-cards=k4d] .impact-card .impact-glyph { transition: opacity .35s ease; }
  html[data-cards=k4d] .impact-grid .impact-big:nth-child(n) { max-width: 100%; }
  html[data-cards=k4d] .impact-grid::after { content: "Point at a card, or tab to it, to draw it from the hand"; position: absolute; left: 0; right: 0; bottom: -34px; text-align: center; font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
}
@media (min-width: 761px) {
  html[data-cards=k4e] .impact-grid > .impact-card:is(:hover, :focus-visible, [data-peek])::before, html[data-cards=k4e] .impact-card:is(:hover, :focus-visible, [data-peek]) > :is(.impact-big, .impact-label), html[data-cards=k4e] .impact-card:is(:hover, :focus-visible, [data-peek]) .impact-when { transform: rotateY(-180deg); }
  html[data-cards=k4e] .impact-grid > .impact-card:is(:hover, :focus-visible, [data-peek])::after, html[data-cards=k4e] .impact-card:is(:hover, :focus-visible, [data-peek]) > :is(.impact-text, .impact-src) { transform: rotateY(0deg); }
  html[data-cards=k4e] .impact-grid > .impact-card:focus-visible { outline-offset: 5px; border-radius: 12px; }
}
@media (min-width: 761px) and (max-width: 1100px) {   }
@media (max-width: 760px) {
}
@media (prefers-reduced-motion: reduce) {
  html[data-cards=k4e] .impact-grid > .impact-card::after, html[data-cards=k4e] .impact-card > :is(.impact-text, .impact-src) { transform: none !important; opacity: 0; }
  html[data-cards=k4e] .impact-grid > .impact-card::before, html[data-cards=k4e] .impact-card > :is(.impact-big, .impact-label), html[data-cards=k4e] .impact-card .impact-when { transform: none !important; }
  html[data-cards=k4e] .impact-grid > .impact-card:is(:hover, :focus-visible, [data-peek])::before, html[data-cards=k4e] .impact-card:is(:hover, :focus-visible, [data-peek]) > :is(.impact-big, .impact-label), html[data-cards=k4e] .impact-card:is(:hover, :focus-visible, [data-peek]) .impact-when { opacity: 0; }
  html[data-cards=k4e] .impact-grid > .impact-card:is(:hover, :focus-visible, [data-peek])::after, html[data-cards=k4e] .impact-card:is(:hover, :focus-visible, [data-peek]) > :is(.impact-text, .impact-src) { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) and (min-width: 761px) {
  html[data-cards=k4e] .impact-grid > .impact-card:nth-child(n)::before, html[data-cards=k4e] .impact-grid > .impact-card:nth-child(n)::after, html[data-cards=k4e] .impact-card:nth-child(n) > :is(.impact-big, .impact-label, .impact-text, .impact-src), html[data-cards=k4e] .impact-card:nth-child(n) .impact-when { transition: opacity .3s ease !important; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 760px) { html[data-cards=k4e] .impact-card > :is(.impact-text, .impact-src) { opacity: 1; } html[data-cards=k4e] .impact-card:nth-child(n) > :is(.impact-big, .impact-label), html[data-cards=k4e] .impact-card:nth-child(n) .impact-when { opacity: 1; } }
@media (min-width: 761px) {
}
@keyframes k4e-front { from { transform: rotateY(180deg); } to { transform: rotateY(0deg); } }
@keyframes k4e-back { from { transform: rotateY(360deg); } to { transform: rotateY(180deg); } }
html[data-cards=k4f] .impact-grid > .impact-card:focus-visible { outline-offset: 4px; border-radius: 6px; }
html[data-cards=k4f] .impact-grid .impact-card:is(:hover, :focus-visible, [data-spread]) .impact-big:nth-child(n) { color: var(--accent) !important; }
@media (min-width: 761px) and (max-width: 1100px) {   }
@media (max-width: 760px) {
}
@media (prefers-reduced-motion: reduce) { html[data-cards=k4f] .impact-grid > .impact-card:nth-child(n), html[data-cards=k4f] .impact-pile { transition: none; } }
body>.nav nav>a.nav-resume[aria-current=page]::after, html[data-variant] body>.nav nav>a.nav-resume[aria-current=page]::after { display: none !important; }
body>.nav nav>a.nav-resume[aria-current=page], html[data-variant] body>.nav nav>a.nav-resume[aria-current=page] { background: var(--ink) !important; border-color: var(--ink) !important; color: var(--bg) !important; }
.contact-v2 .contact-details { padding-top: 0; }
.contact-email { display: flex; align-items: center; gap: 10px; margin: 10px 0 22px; }
.contact-email .contact-big { margin: 0; min-width: 0; font-size: clamp(1.35rem, 2.6vw, 2.2rem); }
@media (max-width: 560px) { html:not(.emailfit-old) .contact-email .contact-big { font-size: min(1.35rem, calc((100vw - 140px) / 11.5)); white-space: nowrap; overflow-wrap: normal; } }
.contact-copy { position: relative; flex: none; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--muted); box-shadow: inset 0 0 0 1px var(--line); cursor: pointer; transition: color .2s, box-shadow .2s; }
.contact-copy:hover:where(:not(.no-tap-hover *)) { color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.contact-copy svg { grid-area: 1 / 1; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: opacity .2s, transform .25s; }
.contact-copy .i-done, .contact-copy.is-done .i-copy { opacity: 0; transform: scale(.6); }
.contact-copy::after { content: 'Copy'; position: absolute; bottom: calc(100% + 8px); left: 50%; translate: -50% 4px; padding: 5px 9px; border-radius: 6px; background: var(--ink); color: var(--bg); font: 600 .72rem/1 var(--font-site, inherit); white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .18s, translate .18s; }
.contact-copy:is(:hover:where(:not(.no-tap-hover *)), :focus-visible)::after, .contact-copy.is-done::after { opacity: 1; translate: -50% 0; }
.contact-copy:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.contact-actions { gap: 8px; }
.contact-actions > .contact-btn { flex: 1 1 0; min-width: max-content; justify-content: center; }
@media (max-width: 900px) { .contact-v2 { grid-template-columns: 1fr; gap: 40px; } .contact-v2 .contact-details { max-width: 34rem; } }
.resume-chapters { container-type: inline-size; position: sticky; top: 72px; z-index: 5; margin: -6px 0 34px; padding: 14px 0 14px; background: transparent; transition: background-color .3s, box-shadow .3s; }
.resume-chapters.is-stuck { background: color-mix(in srgb, var(--bg) 90%, transparent); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 1px 0 var(--line); }
.resume-chapters ol { position: relative; display: grid; grid-template-columns: repeat(6, minmax(max-content, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.resume-chapters ol::before, .resume-chapters ol::after { content: ''; position: absolute; top: 4px; left: 4.5px; height: 1px; pointer-events: none; }
.resume-chapters ol::before { right: 0; background: var(--line); }
.resume-chapters ol::after { width: var(--px, 0); background: var(--accent); transition: width .35s cubic-bezier(.2,.7,.2,1); }
.resume-chapters li { min-width: 0; }
.resume-chapters a { position: relative; z-index: 1; display: grid; gap: 3px; padding-top: 20px; text-decoration: none; color: var(--ink); }
.resume-chapters i { position: absolute; top: 0; left: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--bg); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 28%, transparent); transition: background-color .3s, box-shadow .3s; }
.resume-chapters b, .resume-chapters u { font-size: .71rem; font-weight: 400; font-variant-numeric: tabular-nums; text-decoration: none; color: var(--accent); white-space: nowrap; }
.resume-chapters u { display: none; }
.resume-chapters span { font-size: .84rem; font-weight: 600; line-height: 1.25; color: var(--muted); white-space: nowrap; transition: color .25s; }
.resume-chapters a.is-past i { background: var(--accent); box-shadow: inset 0 0 0 1.5px var(--accent); }
.resume-chapters a.is-on i { background: var(--accent); box-shadow: inset 0 0 0 1.5px var(--accent), 0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent); }
.resume-chapters a.is-on span, .resume-chapters a:hover:where(:not(.no-tap-hover *)) span { color: var(--ink); }
.resume-chapters a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 4px; }
.resume-history > article { scroll-margin-top: calc(var(--rc-h, 70px) + 12px); }
@container (max-width: 760px) {
  .resume-chapters ol { grid-template-columns: repeat(6, minmax(min-content, 1fr)); gap: 10px; }
  .resume-chapters b { font-size: .66rem; }
  .resume-chapters span { font-size: .76rem; white-space: normal; }
}
@container (max-width: 440px) {
  .resume-chapters ol { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px; }
  .resume-chapters b, .resume-chapters span { display: none; }
  .resume-chapters u { display: block; }
}
@media print { .resume-chapters { display: none !important; } }
.resume-history h3 .role-co { white-space: nowrap; }
@media screen {
  html:not(.rail-on) .resume-history > article { margin-left: 0; padding-left: 0; border-left: 0; }
  html:not(.rail-on) .resume-history > article::before { display: none; }
  html .resume-page .eyebrow, html[data-variant] .resume-page .eyebrow { font-size: .75rem !important; }
  .resume-period, .resume-chapters b, .resume-chapters u, .resume-inset li span, html.inset-v .resume-inset li span { font-size: .8125rem !important; }
}
@media (min-width: 701px) {
  :is(#small-detail,#case-content) .interface-screen-grid { grid-template-rows: 230px 230px 220px; }
  :is(#small-detail,#case-content) .interface-study.interface-study-pair { grid-column: 1 / 9; grid-row: 1 / 3; }
  :is(#small-detail,#case-content) .interface-study:nth-child(1) { grid-column: 9 / 13; grid-row: 1 / 3; }
  :is(#small-detail,#case-content) .interface-study:nth-child(2) { grid-column: 1 / 4; grid-row: 3; }
  :is(#small-detail,#case-content) .interface-study:nth-child(3) { grid-column: 4 / 7; grid-row: 3; }
  :is(#small-detail,#case-content) .interface-study:nth-child(4) { grid-column: 7 / 10; grid-row: 3; }
  :is(#small-detail,#case-content) .interface-study:nth-child(5) { grid-column: 10 / 13; grid-row: 3; }
}
@media (max-width: 700px) {
  :is(#small-detail,#case-content) .interface-screen-grid { grid-template-rows: auto 210px 190px 190px; }
  :is(#small-detail,#case-content) .interface-study.interface-study-pair { grid-column: 1 / -1; grid-row: 1; height: auto; aspect-ratio: 3 / 2; }
  :is(#small-detail,#case-content) .interface-study:nth-child(1) { grid-column: 1; grid-row: 2 / 4; }
  :is(#small-detail,#case-content) .interface-study:nth-child(3) { grid-column: 2; grid-row: 2; }
  :is(#small-detail,#case-content) .interface-study:nth-child(4) { grid-column: 2; grid-row: 3; }
  :is(#small-detail,#case-content) .interface-study:nth-child(2) { grid-column: 1; grid-row: 4; }
  :is(#small-detail,#case-content) .interface-study:nth-child(5) { grid-column: 2; grid-row: 4; }
}
:is(#small-detail,#case-content) .interface-study-pair .interface-screen-stage { background: #1d3a2a; }
:is(#small-detail,#case-content) .interface-study-pair .interface-screen-stage img { object-fit: cover; object-position: 50% 50%; }
.result-delivery .made-link:hover { text-decoration-color: var(--accent); }
@media (min-width: 901px) {
}
@media (min-width: 901px) {
}
@media (max-width: 900px) {  }
html[data-pager=big] #case-content .case-body + .project-pagination, html[data-pager=big] #case-content .project-pagination { padding: 22px 0 24px !important; }
html[data-pager=big] #case-content .project-pagination-link { grid-template-columns: 68px 1fr auto !important; column-gap: 16px !important; }
html[data-pager=big] #case-content .project-pagination-link img { width: 68px !important; height: 68px !important; border-radius: 11px !important; }
html[data-pager=big] #case-content .project-pagination-link h2 { font-size: clamp(1.15rem, 1.7vw, 1.5rem) !important; margin: 3px 0 2px !important; }
@media (max-width: 600px) { html[data-pager=big] #case-content .project-pagination-link { grid-template-columns: 52px 1fr auto !important; } html[data-pager=big] #case-content .project-pagination-link img { width: 52px !important; height: 52px !important; border-radius: 9px !important; } }
html:not(.close-light) .about-page .ab-close { --night: #141312; margin-bottom: 0 !important; padding-bottom: clamp(64px, 8vw, 112px); background: var(--night); box-shadow: 0 0 0 100vmax var(--night); clip-path: inset(0 -100vmax); color: #efefee; }
html:not(.close-light) body:has(.about-page .ab-close) > footer.portfolio-footer { margin-top: 0 !important; background: #141312 !important; border-top: 1px solid rgb(255 255 255 / .12) !important; }
html:not(.close-light) .about-page .ab-close { clip-path: inset(-2px -100vmax 0); }
html:not(.close-light) .about-page :is(.ab-close-who b, .ab-close-note) { color: #efefee !important; }
html:not(.close-light) .about-page .ab-close-who p { color: rgb(239 239 238 / .62) !important; }
html:not(.close-light) .about-page .ab-close-aside { border-color: rgb(255 255 255 / .14) !important; }
html:not(.close-light) .about-page .ab-close-avatar { box-shadow: 0 0 0 1px rgb(255 255 255 / .18); }
html:not(.close-light)[data-variant] .about-page .ab-close .about-btn--solid, html:not(.close-light) .about-page .ab-close .about-btn--solid { background: #f2f2f0 !important; border-color: #f2f2f0 !important; color: #141312 !important; box-shadow: none; }
html:not(.close-light)[data-variant] .about-page .ab-close .about-btn--solid:hover:where(:not(.no-tap-hover *)), html:not(.close-light) .about-page .ab-close .about-btn--solid:hover:where(:not(.no-tap-hover *)) { background: #fff !important; border-color: #fff !important; }
html:not(.close-light)[data-variant] .about-page .ab-close .about-btn:not(.about-btn--solid), html:not(.close-light) .about-page .ab-close .about-btn:not(.about-btn--solid) { background: transparent !important; border-color: rgb(255 255 255 / .3) !important; color: #efefee !important; }
html:not(.close-light)[data-variant] .about-page .ab-close .about-btn:not(.about-btn--solid):hover:where(:not(.no-tap-hover *)), html:not(.close-light) .about-page .ab-close .about-btn:not(.about-btn--solid):hover:where(:not(.no-tap-hover *)) { border-color: #fff !important; }
html:not(.close-light) .about-page .ab-close :focus-visible { outline-color: #f7a8cc !important; }
html .curio-story .curio-intro h2 em, html[data-variant] .curio-story .curio-intro h2 em,
html:not(.close-light) .about-page .ab-close h2 em, html:not(.close-light)[data-variant] .about-page .ab-close h2 em { background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; color: #f4a6cb !important; text-shadow: 0 1px 2px rgb(20 19 18 / .5), 0 4px 30px rgb(20 19 18 / .85); }
.about-page .ab-close { align-items: center !important; column-gap: clamp(40px, 6vw, 112px) !important; }
.ab-hero+.ab-edge { padding-top: clamp(28px, 3.5vw, 56px) !important; }
.edge-icon { display: block; width: 96px; aspect-ratio: 1; margin: 0 0 20px -8px; color: var(--tag-ink, #494743); }
.edge-icon .edge-pict { display: block; width: 100%; height: 100%; max-width: none; margin: 0; flex: none; }
.edge-icon .edge-v1, html.edge-prev .edge-icon .edge-v2 { display: none; }
@media (max-width: 600px) { html:not(.edge-prev) .edge-icon { width: 72px; margin: 0 0 16px -6px; } }
.edge-item { padding-top: 0; }
html.has-night body>.nav :is(nav>a, .identity-name, .identity-name span, .theme-toggle) { transition-duration: .14s !important; }
@media (min-width: 801px) {
  .strata.is-3col .stratum-stones, .strata.is-3col .stratum-stones:has(> :nth-child(9)) { --stone: 56px; grid-template-columns: repeat(5,var(--stone)); gap: 18px 14px; }
  .strata.is-3col .stratum-inner { grid-template-columns: minmax(0,1fr) minmax(0,1.3fr) calc(5 * 56px + 4 * 14px) !important; }
}
@media (min-width: 1200px) {
  .strata.is-3col .stratum-stones, .strata.is-3col .stratum-stones:has(> :nth-child(9)) { --stone: 66px; gap: 20px 18px; }
  .strata.is-3col .stratum-inner { grid-template-columns: minmax(0,1fr) minmax(0,1.3fr) calc(5 * 66px + 4 * 18px) !important; }
}
.strata.is-3col .stratum-stones { justify-content: start !important; }
.strata.is-3col .stratum-caption, .strata.is-3col .stratum-caption span { text-align: left !important; justify-self: start !important; }
.strata.where-left .stratum-text > .stratum-caption { margin: 14px 0 0; text-align: left; }
.strata.where-left .stratum-text > .stratum-caption span { justify-self: start; text-align: left; }
@media (min-width: 1000px) { .strata.is-3col.where-left .stratum-text > .stratum-caption { grid-column: 1; grid-row: 3; margin-top: 16px; } .strata.is-3col.where-left .stratum-line { grid-row: 1 / span 3; } }
html.night-early:has(.mountain-stage) { background: #0b0f2c; }
.mountain-stage .mountain-sky { transition: opacity .6s ease; }
.mountain-stage.is-parked .mountain-sky { opacity: 0 !important; }
html:not(.is-night) body>.nav::before { content: ''; position: absolute; inset: 0 -100vmax -1px; z-index: -1; pointer-events: none; background: inherit; border-bottom: 1px solid; border-bottom-color: inherit;
  -webkit-mask: linear-gradient(90deg, #000 100vmax, transparent 100vmax, transparent calc(100% - 100vmax), #000 calc(100% - 100vmax)); mask: linear-gradient(90deg, #000 100vmax, transparent 100vmax, transparent calc(100% - 100vmax), #000 calc(100% - 100vmax)); }
@media (max-width: 900px) {  }
.screen-grid .sg-pause:is(:hover, :focus-visible) { opacity: 1; }
@media (min-width: 901px) {  }
@media (min-width: 901px) {  }
html.parkblur .mountain-stage.is-parked canvas.mountain-field { filter: blur(3px); }
html.frost-old:has(.mountain-stage.is-parked) .strata-blur { display: none; }
.about-page { --edge-gap: clamp(64px, 9vw, 128px); }
.ab-hero+.ab-edge { padding-top: calc(var(--edge-gap) - clamp(24px, 3vw, 40px)) !important; }
.ab-edge+.ab-route { padding-top: var(--edge-gap); }
@media (max-width: 760px) { .ab-hero+.ab-edge { padding-top: calc(var(--edge-gap) - 8px) !important; } }
@media (min-width: 1180px) {
  #more-grid:not(.is-list) { grid-template-columns: repeat(4, minmax(0, 1fr)); container-type: inline-size; }
  #more-grid:not(.is-list) .mini-project .mini-photo { aspect-ratio: auto; height: calc((100cqw - 72px) / 3 / var(--card-ratio-featured) + var(--photo-out) + .25 * var(--card-grow)); }
}
@media (min-width: 801px) and (max-width: 1179px) {
  #more-grid:not(.is-list) { container-type: inline-size; }
  #more-grid:not(.is-list) .mini-project .mini-photo { aspect-ratio: auto; height: calc((100cqw - 44px) / 2 / var(--card-ratio-featured) + var(--photo-out) + .25 * var(--card-grow)); }
}
:is(.hero-work-button, .hero-all-work, .experience-cta-link, .about-btn, .contact-btn) {
  box-sizing: border-box; min-height: 48px !important; padding: 0 22px !important; gap: 10px !important;
  font-size: 15px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: -.005em; align-items: center;
}
:is(.hero-work-button, .hero-all-work) .hero-work-label { font-size: inherit !important; font-weight: inherit !important; }
:is(.hero-work-button, .hero-all-work, .experience-cta-link, .contact-btn) > svg,
.experience-cta-link span svg, .hero-work-arrow svg { width: 16px !important; height: 16px !important; }
.experience-cta-link span { width: auto !important; height: auto !important; background: none !important; border-radius: 0 !important; }
.about-btn span { margin-left: 0 !important; font-size: 16px; }
.about-btn--solid { box-shadow: none !important; }
@media (max-width: 560px) {
  :is(.hero-work-button, .hero-all-work, .experience-cta-link, .about-btn, .contact-btn) { min-height: 44px !important; padding: 0 18px !important; font-size: 14px !important; gap: 8px !important; }
}
@media (prefers-reduced-motion: no-preference) {  }
.impact-glyph * { vector-effect: non-scaling-stroke; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { padding: clamp(20px, 2.8vh, 28px) clamp(20px, 1.7vw, 26px) clamp(18px, 2.4vh, 24px); border-radius: 14px; }
@media (min-width: 1101px) { html[data-cards=k4d] .impact-grid { --fan-w: clamp(230px, min(19vw, 38vh), 290px); --fan-r: calc(var(--fan-w) * 4.9); } }
html .curio-story .curio-intro h2 em, html[data-variant] .curio-story .curio-intro h2 em { color: #fff !important;
  background: radial-gradient(60% 120% at 50% 85%, #fff4e6 0%, #ffffff 55%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent;
  text-shadow: none !important; filter: drop-shadow(0 0 14px rgb(255 232 214 / .32)) drop-shadow(0 0 2px rgb(255 248 240 / .5)); }
.impact-styles { position: fixed; top: 92px; right: 16px; z-index: 60; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; max-width: calc(100vw - 32px); font-size: .75rem; }
.impact-styles-toggle { padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; background: color-mix(in srgb, var(--bg) 88%, transparent); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: var(--muted); font: inherit; font-weight: 600; letter-spacing: .04em; cursor: pointer; box-shadow: 0 6px 18px -10px rgb(38 38 36 / .4); }
.impact-styles-toggle:hover, .impact-styles-toggle[aria-expanded=true] { color: var(--ink); }
.impact-styles-panel { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; width: min(560px, calc(100vw - 32px)); padding: 10px; border: 1px solid var(--line); border-radius: 16px; background: var(--bg); box-shadow: 0 18px 40px -18px rgb(38 38 36 / .45); }
.impact-styles-panel[hidden] { display: none; }
html .impact-styles .impact-switch, html .impact-styles .impact-subswitch { position: static; flex-wrap: wrap; justify-content: flex-end; width: auto; max-width: 100%; margin: 0; border: 0; border-radius: 0; background: none; }
html .impact-styles .impact-switch > span { display: none; }
html .impact-styles .impact-switch button { padding: 5px 9px; }
@media (max-width: 760px) { .impact-styles { top: 84px; } .impact-styles-panel { max-height: 60vh; overflow-y: auto; } }
@media (min-width: 1101px) {
  html[data-cards=k4d] .impact-grid { --fan-w: clamp(220px, min(16.5vw, 34vh), 262px); --fan-r: calc(var(--fan-w) * 6.8); --fan-step: 5.3deg; --fan-step-h: 5.3deg; --fan-top: calc(var(--fan-lift) + 6px); margin-top: clamp(20px, 4vh, 48px) !important; }
}
html[data-cards=k4d] .results-page .impact > .section-heading { padding-top: clamp(64px, 9vh, 104px) !important; }
html[data-cards=k4d] .impact-grid::after { content: none !important; display: none !important; }
html[data-cards=k4d] .impact-card .impact-src > span[aria-hidden] { display: inline-grid; place-items: center; flex: none; width: 26px; height: 26px; margin-left: auto; border-radius: 50%; line-height: 1; font-size: 13px;
  color: var(--accent); background: transparent; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent); transition: background .25s ease, color .25s ease, transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease; }
html[data-cards=k4d] .impact-card:is([data-drawn], :hover, :focus-visible) .impact-src > span[aria-hidden] { background: var(--accent); color: #fff; box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 40%, transparent); transform: scale(1.12); }
html[data-cards=k4d] .impact-card .impact-src { display: flex; align-items: center; gap: 8px; min-width: 0; }
@media (min-width: 1101px) { html[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { position: absolute; } }
html[data-cards=k4d] .impact-card .impact-src > span[aria-hidden] { position: absolute; top: 22px; right: 22px; margin: 0; }
html[data-cards=k4d] .impact-card .impact-big { padding-right: 34px; }
html[data-cards=k4d] .impact-card .impact-src > span[aria-hidden] { font-size: 0; color: transparent; }
html[data-cards=k4d] .impact-card .impact-src > span[aria-hidden]::before { content: ""; width: 15px; height: 15px; background: var(--accent); transition: background .25s ease;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 11.5l7-7M5.75 4.5h5.75v5.75'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 11.5l7-7M5.75 4.5h5.75v5.75'/%3E%3C/svg%3E") center / contain no-repeat; }
html[data-cards=k4d] .impact-card:is([data-drawn], :hover, :focus-visible) .impact-src > span[aria-hidden]::before { background: #fff; }
@media (min-width: 1101px) {
  html[data-cards=k4d] .impact-grid { --fan-w: clamp(236px, min(18.5vw, 40vh), 290px); --fan-h: calc(var(--fan-w) * 1.28); --fan-r: calc(var(--fan-w) * 7.2); --fan-step: 4deg; --fan-step-h: 4deg; --fan-aside: 1deg; }
  html[data-cards=k4d] .impact-glyph { width: clamp(40px, 3.3vw, 48px); bottom: clamp(40px, 5.2vh, 50px); }
}
html[data-cards=k4d] .impact-card .impact-src > span[aria-hidden]::before { position: absolute; left: 50%; top: 50%; margin: -6.5px 0 0 -8.5px; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(1) { --fi: -3.5; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(2) { --fi: -2.5; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(3) { --fi: -1.5; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(4) { --fi: -0.5; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(5) { --fi: 0.5; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(6) { --fi: 1.5; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(7) { --fi: 2.5; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(8) { --fi: 3.5; }
html[data-cards=k4d] .results-page .impact > .section-heading { padding-top: clamp(36px, 5vh, 64px) !important; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(1) { --fi: -4; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(2) { --fi: -3; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(3) { --fi: -2; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(4) { --fi: -1; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(5) { --fi: 0; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(6) { --fi: 1; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(7) { --fi: 2; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(8) { --fi: 3; }
html[data-cards=k4d] .impact-grid > .impact-card:nth-child(9) { --fi: 4; }
@media (min-width: 1101px) { html[data-cards=k4d] .impact-grid { --fan-step: 3.5deg; --fan-step-h: 3.5deg; } }
@media (min-width: 1101px) {
}
html.impact-live[data-cards=k4d] .impact-grid > .impact-card.is-in:nth-child(n) { --gd: calc(.25s + var(--i) * .04s); }
@media (min-width: 1101px) {
  html[data-cards=k4d] .impact-grid > .impact-card .impact-glyph { left: clamp(20px, 1.7vw, 26px); bottom: clamp(48px, 6vh, 58px); }
}
.ab-hero .ab-hero-copy { position: relative; z-index: 2; }
.ab-hero-copy > .about-lead { margin-top: 26px !important; }
.ab-hero-copy > .about-actions { margin-top: 22px !important; }
.summit-stage { position: absolute; z-index: -2; left: 0; right: 0; top: 0; height: min(92vh, 860px); pointer-events: none; opacity: .7; view-transition-name: summit;
  -webkit-mask-image: radial-gradient(44% 80% at 50% 26%, #000 35%, transparent 100%); mask-image: radial-gradient(44% 80% at 50% 26%, #000 35%, transparent 100%); }
.summit-stage canvas { display: block; width: 100%; height: 100%; }
@view-transition { navigation: auto; }
.mountain-stage { view-transition-name: summit; }
::view-transition-group(summit) { animation: none; }
::view-transition-new(summit) { animation: none; }
::view-transition-old(summit) { animation: summit-hold .45s linear both; }
@keyframes summit-hold { 0%, 45% { opacity: 1; } to { opacity: 0; } }
html.vt-fly::view-transition-old(summit) { animation: vt-hold 1.6s linear both; }
@keyframes vt-hold { from, to { opacity: 1; } }
html.vt-fly.hold-new:not(.handed)::view-transition-new(summit) { opacity: 0; }
html.vt-fly.hold-new.handed::view-transition-new(summit) { animation: vt-got .14s linear both; mix-blend-mode: plus-lighter; }
html.vt-fly.hold-new.handed::view-transition-old(summit) { animation: vt-gone .14s linear both; mix-blend-mode: plus-lighter; }
::view-transition-image-pair(summit) { isolation: isolate; }
html.vt-fly.hold-new.handed.xfade-v1::view-transition-new(summit) { animation: vt-got .18s ease-out both; mix-blend-mode: normal; }
html.vt-fly.hold-new.handed.xfade-v1::view-transition-old(summit) { animation: vt-gone .18s ease-out both; mix-blend-mode: normal; }
@keyframes vt-gone { to { opacity: 0; } }
@keyframes vt-got { from { opacity: 0; } }
::view-transition-group(site-nav), ::view-transition-group(page), ::view-transition-new(page) { animation: none; }
::view-transition-old(site-nav), ::view-transition-new(site-nav) { animation-duration: .55s; animation-timing-function: cubic-bezier(.4,0,.2,1); animation-fill-mode: both; }
html.vt-fly::view-transition-old(site-nav), html.vt-fly::view-transition-new(site-nav) { animation-duration: .45s; }
html.vt-fly.dusk-cross::view-transition-old(site-nav), html.vt-fly.dusk-cross::view-transition-new(site-nav) { animation-delay: .12s; }
html.page-in::view-transition-new(summit) { animation: page-rise-fade .45s cubic-bezier(.2,.7,.2,1) .08s both; }
@keyframes page-rise-fade { from { opacity: 0; } }
html.page-in::view-transition-old(page) { animation: vt-page-in .3s cubic-bezier(.3,0,.2,1) both; }
html.page-in::view-transition-new(page) { animation: page-rise .45s cubic-bezier(.2,.7,.2,1) .08s both; }
html.page-in::view-transition-old(root), html.page-in::view-transition-new(root) { animation-duration: .45s; }
html.page-in::view-transition-old(site-nav), html.page-in::view-transition-new(site-nav) { animation-duration: .45s; }
html:not(.vt-fly, .home-in, .work-in)::view-transition-old(summit) { animation: page-summit-out .55s cubic-bezier(.4,0,.2,1) both; }
html.page-in::view-transition-old(summit) { animation: page-summit-out .45s cubic-bezier(.4,0,.2,1) both; }
@keyframes page-summit-out { to { opacity: 0; } }
@keyframes page-rise { from { opacity: 0; transform: translateY(14px); } }
@media (prefers-reduced-motion: no-preference) {  }
html.vt-fly::view-transition-new(page) { animation: vt-page-new .32s linear both; }
@keyframes vt-page-new { 0%, 45% { opacity: 0; } to { opacity: 1; } }
html.vt-fly::view-transition-old(root), html.vt-fly::view-transition-new(root) { animation-duration: 0.45s; animation-timing-function: cubic-bezier(.4,0,.2,1); }
html:not(.vt-fly, .home-in)::view-transition-old(root), html:not(.vt-fly, .home-in)::view-transition-new(root) { animation-duration: .55s; animation-timing-function: cubic-bezier(.4,0,.2,1); }
html.vt-proj body>.nav { view-transition-name: site-nav; }
html.vt-proj::view-transition { background: var(--bg); }
html.vt-proj::view-transition-old(root) { animation: proj-out .14s cubic-bezier(.4,0,1,1) both; mix-blend-mode: normal; }
html.vt-proj::view-transition-group(proj-foot) { animation: none; }
html.vt-proj::view-transition-old(proj-foot) { animation: proj-foot-out .08s linear both; }
@keyframes proj-foot-out { to { opacity: 0; } }
html.vt-proj::view-transition-new(root) { animation: proj-in .42s cubic-bezier(.2,.7,.2,1) both; mix-blend-mode: normal; }
html.vt-proj[data-proj-dir=prev]::view-transition-old(root) { animation-name: proj-out-prev; }
html.vt-proj[data-proj-dir=prev]::view-transition-new(root) { animation-name: proj-in-prev; }
@keyframes proj-out { to { opacity: 0; transform: translateX(-24px); } }
@keyframes proj-in { from { opacity: 0; transform: translateX(32px); } }
@keyframes proj-out-prev { to { opacity: 0; transform: translateX(24px); } }
@keyframes proj-in-prev { from { opacity: 0; transform: translateX(-32px); } }
html:has(#case-content):not(.vt-proj, .vt-project, .vt-fly, .home-in, .page-in)::view-transition-old(root) { animation: work-back-out .2s ease-out both; mix-blend-mode: normal; }
html:has(#case-content):not(.vt-proj, .vt-project, .vt-fly, .home-in, .page-in)::view-transition-new(root) { animation: work-back-in .42s cubic-bezier(.2,.7,.2,1) .06s both; mix-blend-mode: normal; }
html.vt-project::view-transition-old(root), html.vt-project::view-transition-new(root) { animation: none; }
html.vt-fly::view-transition-old(page) { animation: vt-page-in .3s cubic-bezier(.3,0,.2,1) both; }
html.vt-fly.dusk-cross::view-transition-old(page) { animation-duration: .2s; animation-timing-function: cubic-bezier(.2,0,.2,1); }
html.vt-fly.dusk-cross::view-transition-new(root) { animation-delay: .12s; }
html.vt-fly.dusk-cross::view-transition-old(root) { animation-delay: .12s; }
html.vt-fly.summit-back::view-transition-old(page) { animation-name: vt-page-out; }
html.vt-fly.copy-sink::view-transition-old(page) { animation: vt-copy-sink .5s cubic-bezier(.35,0,.25,1) both; }
@keyframes vt-copy-sink { 45% { opacity: 0; } to { opacity: 0; transform: translateY(105vh); } }
@keyframes vt-page-in { to { opacity: 0; transform: translateY(-16px); } }
@keyframes vt-page-out { to { opacity: 0; transform: translateY(12px) scale(.97); } }
::view-transition-group(strata-out) { animation: none; }
::view-transition-old(strata-out) { animation: vt-strata-down .5s cubic-bezier(.35,0,.25,1) both; }
@keyframes vt-strata-down { to { transform: translateY(105vh); } }
::view-transition-group(cards-out) { animation: none; }
::view-transition-old(cards-out) { animation: vt-strata-down 0.413s cubic-bezier(.5,0,.25,1) both; }
::view-transition-group(head-out), ::view-transition-old(head-out) { animation: none; }
html:has(.summit-tip)::view-transition-old(head-out) { animation: head-fade-up .24s ease-out both; }
@keyframes head-fade-up { to { opacity: 0; transform: translateY(-12px); } }
html.vt-fly:has(.mountain-stage)::view-transition-old(head-out) { animation: head-fade-up .3s ease-out both; }
html:not(.resexit-old):has(.mountain-stage)::view-transition-old(head-out) { animation: head-lift-quick .2s cubic-bezier(.3,0,.2,1) both; } @keyframes head-lift-quick { to { opacity: 0; transform: translateY(-16px); } }
html.vt-fly:has(.summit-tip)::view-transition-old(head-out) { animation: head-fade-up .24s ease-out both; }
@keyframes head-tip-away { 40% { opacity: .7; transform: perspective(900px) translateY(40px) rotateX(34deg) scale(.96); } to { opacity: 0; transform: perspective(900px) translateY(130px) rotateX(70deg) scale(.88); } }
html.home-in body>.nav { view-transition-name: site-nav; }
html.home-in::view-transition-old(site-nav) { animation: work-back-out .2s ease-out both; }
html.home-in::view-transition-new(site-nav) { animation: work-fade-in .42s cubic-bezier(.2,.7,.2,1) .06s both; }
html.home-in::view-transition-old(summit) { animation: home-through .6s cubic-bezier(.4,0,.2,1) both; transform-origin: 62% 32%; }
html.home-in:not(.home-v1)::view-transition-old(summit) { animation: home-sink .3s cubic-bezier(.4,0,.6,1) both; }
@keyframes home-sink { to { opacity: 0; transform: translateY(12vh); } }
html.home-in:not(.home-v1)::view-transition-old(page) { animation: home-old-out .26s cubic-bezier(.4,0,.6,1) both; }
html.home-in.home-dark:not(.home-v1)::view-transition-old(summit) { animation: home-old-out .26s cubic-bezier(.4,0,.6,1) both; }
html.home-in:not(.home-v1)::view-transition-old(root) { animation: home-old-out .26s cubic-bezier(.4,0,.6,1) both; mix-blend-mode: normal; }
html.home-in:not(.home-v1)::view-transition-new(root) { animation: home-new-in .45s cubic-bezier(.2,.7,.2,1) both; mix-blend-mode: normal; }
@keyframes home-old-out { to { opacity: 0; } }
@keyframes home-new-in { from { opacity: 0; transform: translateY(18px); } }
html:has(#more-grid):not(.work-in, .vt-fly)::view-transition-old(root) { animation: work-back-out .2s ease-out both; mix-blend-mode: normal; }
html:has(#more-grid):not(.work-in, .vt-fly)::view-transition-new(root) { animation: work-back-in .42s cubic-bezier(.2,.7,.2,1) .06s both; mix-blend-mode: normal; }
@keyframes work-back-out { to { opacity: 0; } }
@keyframes work-back-in { from { opacity: 0; transform: translateY(16px); } }
@keyframes work-fade-in { from { opacity: 0; } }
@keyframes home-sink { to { opacity: 0; transform: translateY(55vh); } }
html.work-in::view-transition-old(root) { animation: work-lift .35s cubic-bezier(.4,0,.2,1) both; mix-blend-mode: normal; }
html.work-in::view-transition-new(root) { animation: work-new .35s cubic-bezier(.2,.7,.2,1) both; mix-blend-mode: normal; }
::view-transition-group(site-nav) { z-index: 50; }
html.work-in::view-transition-old(site-nav), html.work-in::view-transition-new(site-nav) { animation-duration: .22s; }
@keyframes work-lift { to { opacity: 0; transform: translateY(-16px); filter: brightness(1.08); } }
@keyframes work-new { from { opacity: 0; } }
@keyframes work-out-of-light { from { opacity: 0; transform: scale(1.1); filter: blur(6px) brightness(1.15); } }
@keyframes home-through { 35% { filter: blur(1px) brightness(1.04); } to { opacity: 0; transform: scale(1.1); filter: blur(6px) brightness(1.15); } }
.mountain-sky.summit-sky { z-index: -3; height: 118vh;
  --oval: radial-gradient(44vw calc(min(92vh, 860px) * .8) at 50vw calc(min(92vh, 860px) * .26 + var(--stage-y, 0px)), transparent 35%, #000 100%);
  -webkit-mask-image: linear-gradient(#000 48%, transparent), var(--oval); -webkit-mask-composite: source-in;
          mask-image: linear-gradient(#000 48%, transparent), var(--oval); mask-composite: intersect; }
html[data-tod=night]:has(.results-page) { background-image: linear-gradient(in oklab 180deg, #080a24 0, #121540 30vh, #22205a 52vh, #504f4a 66vh, #76736c 78vh, #abaaa5 90vh, #dddcda 104vh, #f5f5f5 116vh); background-size: 100% 116vh; background-repeat: no-repeat; }
html[data-tod=night]:has(.results-page):not(.ground-light) { background-image: linear-gradient(in oklab 180deg, #080a24 0, #121540 30vh, #22205a 52vh, #4e4d48 80vh, #615f59 100vh); background-size: 100% 100vh; background-color: #615f59; }
html.about-tod body::before { content: ''; position: absolute; z-index: -4; left: 0; right: 0; top: 0; height: calc(var(--about-sky-h, 100vh) + 4px); pointer-events: none;
  background: linear-gradient(in oklab 180deg, #080a24 0, #0d1033 30vh, #1a1a4e 55vh, #3b3a37 calc(100% - 90vh), #2f2f2d calc(100% - 45vh), #141312 100%); }
html.about-tod .about-page .ab-edge .edge-item h3, html.about-tod[data-variant] .about-page .ab-edge .edge-item h3 { color: #fff !important; }
html.about-tod .about-page .ab-edge .edge-item p, html.about-tod[data-variant] .about-page .ab-edge .edge-item p { color: #e0dfdd !important; }
html.about-tod .about-page .ab-edge .edge-icon { color: #c4c4c4; }
html.about-tod body>.nav::after { background: none !important; }
html.about-tod .about-page .ab-route :is(h2, h3), html.about-tod[data-variant] .about-page .ab-route :is(h2, h3) { color: #fff !important; }
html.about-tod .about-page .ab-route h2 em, html.about-tod[data-variant] .about-page .ab-route h2 em { color: #bfbfbf !important; background: linear-gradient(100deg, #dbdbdb 0%, #acacac 55%, #e7a6e0 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html.about-tod .about-page .ab-route :is(.route-copy, .route-era small), html.about-tod[data-variant] .about-page .ab-route :is(.route-copy, .route-era small) { color: #e0dfdd !important; }
html.about-tod .about-page .ab-route .about-kicker, html.about-tod .about-page .ab-route .route-era { color: #ff9fcd !important; }
html.about-tod .about-page .ab-route .about-text-link, html.about-tod[data-variant] .about-page .ab-route .about-text-link { color: #f2f2f0 !important; }
html.about-tod[data-variant] .about-page .ab-hero .about-kicker, html.about-tod .about-page .ab-hero .about-kicker { color: #e4e4e4 !important; }
html.about-tod[data-variant] .about-page .ab-hero h1, html.about-tod .about-page .ab-hero h1 { color: #fff !important; text-shadow: 0 2px 28px rgb(8 10 36 / .5); }
html.about-tod[data-variant] .about-page .ab-hero h1 em, html.about-tod .about-page .ab-hero h1 em { color: #bfbfbf !important; background: linear-gradient(100deg, #dbdbdb 0%, #acacac 55%, #e7a6e0 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }
html.about-tod[data-variant] .about-page .ab-hero .about-lead, html.about-tod .about-page .ab-hero p.about-lead { color: #e4e4e4 !important; }
html.about-tod[data-variant] .about-page .ab-hero .about-actions a.about-btn--solid, html.about-tod .about-page .ab-hero .about-actions a.about-btn--solid { background: #efefef !important; border-color: #efefef !important; color: #242424 !important; box-shadow: 0 0 0 1px rgb(255 255 255 / .5), 0 6px 24px rgb(172 172 172 / .28) !important; }
html.about-tod[data-variant] .about-page .ab-hero .about-actions a.about-btn--solid:hover:where(:not(.no-tap-hover *)), html.about-tod .about-page .ab-hero .about-actions a.about-btn--solid:hover:where(:not(.no-tap-hover *)) { background: #fff !important; }
html.about-tod .mountain-sky.summit-sky { --oval: radial-gradient(19vw 32vh at var(--tip-x, 70vw) calc(var(--stage-y, 0px) + min(92vh, 860px) * var(--tip-fy, .64) + 12vh), transparent 45%, #000 100%); }
.mountain-sky.summit-sky .sky-fill { background: none; }
html[data-tod=night] .summit-stage { opacity: 1; }
html[data-tod=night] .results-page #impact-title { color: #fff; text-shadow: 0 2px 28px rgb(8 10 36 / .55); }
.results-page #impact-title em { font-style: normal; }
html:not([data-tod=night]):not(.title-plain) .results-page #impact-title em { color: inherit !important; }
html:not([data-tod=night]):not(.title-plain) .results-page .impact .section-heading { position: relative; }
html:not([data-tod=night]):not(.title-plain) .results-page .impact .section-heading::before { content: ''; position: absolute; left: 50%; top: 50%; z-index: -1; width: min(1240px, 100vw); height: 340px; translate: -50% -50%; pointer-events: none;
  background: radial-gradient(closest-side, rgb(245 245 245 / .82), rgb(245 245 245 / .6) 45%, rgb(245 245 245 / .22) 75%, transparent); }
html[data-tod=night]:not(.title-plain) .results-page #impact-title em { color: #bfbfbf; background: linear-gradient(100deg, #dbdbdb 0%, #acacac 55%, #e7a6e0 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }
html[data-tod=night] .results-page .impact-sub { color: #eeeeee; text-shadow: 0 1px 14px rgb(8 10 36 / .7); }
html[data-tod=night] .results-page .impact .section-heading { position: relative; }
html[data-tod=night] .results-page .impact .section-heading::before { content: ''; position: absolute; left: 50%; top: 50%; z-index: -1; width: min(1240px, 100vw); height: 380px; translate: -50% -50%; pointer-events: none;
  background: radial-gradient(closest-side, rgb(9 10 34 / .66), rgb(9 10 34 / .46) 45%, rgb(9 10 34 / .18) 75%, transparent); }
@property --ms { syntax: '<number>'; inherits: false; initial-value: 1; }
.summit-stage { height: calc(100vh + var(--stage-y, 0px)); }
.summit-stage, .mountain-stage.is-arriving { --mh: min(92vh, 860px);
  -webkit-mask-image: radial-gradient(var(--rx, calc(44vw * var(--ms))) var(--ry, calc(var(--mh) * .8 * var(--ms))) at var(--mx, 50vw) var(--my, calc(var(--mh) * .26 + var(--stage-y, 0px))), #000 var(--m0, 35%), transparent 100%);
  mask-image: radial-gradient(var(--rx, calc(44vw * var(--ms))) var(--ry, calc(var(--mh) * .8 * var(--ms))) at var(--mx, 50vw) var(--my, calc(var(--mh) * .26 + var(--stage-y, 0px))), #000 var(--m0, 35%), transparent 100%); }
html.summit-fly .impact .section-heading { perspective: 900px; }
html.summit-fly #impact-title, html.summit-fly .impact-sub { animation: summit-rise 1.5s cubic-bezier(.2,.75,.2,1) 1.1s both; transform-origin: 50% 100%; }
html.summit-fly .impact-sub { animation-delay: 1.45s; }
@keyframes summit-rise { from { opacity: 0; filter: blur(6px); transform: translateY(70px) translateZ(-320px) rotateX(38deg); } }
@keyframes summit-deal { from { opacity: 0; transform: translateY(40px); } }
@media (prefers-reduced-motion: reduce) { ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; } }
@media (max-width: 640px) { html.results-plain .summit-stage, .summit-stage.summit-tip { display: none; } }
@media (max-width: 640px) {
  .summit-stage:not(.summit-tip) { position: fixed; top: 0; height: 100lvh; opacity: .65; }
  html[data-tod=night] .summit-stage:not(.summit-tip) { opacity: .8; }
}
html.vt-fly:has(.summit-tip)::view-transition-new(page) { animation: vt-page-new .3s linear both; }
@keyframes tip-page-in { 0%, 40% { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.summit-stage.summit-tip { opacity: .78; --tip-y: calc(var(--stage-y, 0px) + min(92vh, 860px) * var(--tip-fy, .64));
  height: calc(190vh + var(--stage-y, 0px));
  --tail: radial-gradient(64vw 70vh at 38vw calc(var(--tip-y) + 60vh), rgb(0 0 0 / calc(.4 * var(--tail-k, 1))) 0%, rgb(0 0 0 / calc(.28 * var(--tail-k, 1))) 45%, rgb(0 0 0 / calc(.12 * var(--tail-k, 1))) 75%, transparent 100%);
  -webkit-mask-image: radial-gradient(var(--rx, 19vw) var(--ry, 32vh) at var(--mx, var(--tip-x, 70vw)) var(--my, calc(var(--tip-y) + 12vh)), #000 var(--m0, 45%), transparent 100%), var(--tail);
          mask-image: radial-gradient(var(--rx, 19vw) var(--ry, 32vh) at var(--mx, var(--tip-x, 70vw)) var(--my, calc(var(--tip-y) + 12vh)), #000 var(--m0, 45%), transparent 100%), var(--tail); }
html:not(.ring-v1) .summit-stage.summit-tip { --ease-out: rgb(0 0 0 / .93) 18%, rgb(0 0 0 / .78) 34%, rgb(0 0 0 / .56) 50%, rgb(0 0 0 / .33) 65%, rgb(0 0 0 / .15) 79%, rgb(0 0 0 / .05) 90%;
  --tail: radial-gradient(64vw 70vh at 38vw calc(var(--tip-y) + 60vh), rgb(0 0 0 / calc(.4 * var(--tail-k, 1))) 0%, rgb(0 0 0 / calc(.3 * var(--tail-k, 1))) 35%, rgb(0 0 0 / calc(.16 * var(--tail-k, 1))) 62%, rgb(0 0 0 / calc(.05 * var(--tail-k, 1))) 85%, transparent 100%);
  -webkit-mask-image: radial-gradient(var(--rx, 19vw) var(--ry, 32vh) at var(--mx, var(--tip-x, 70vw)) var(--my, calc(var(--tip-y) + 12vh)), #000 0%, var(--ease-out), transparent 100%), var(--tail);
          mask-image: radial-gradient(var(--rx, 19vw) var(--ry, 32vh) at var(--mx, var(--tip-x, 70vw)) var(--my, calc(var(--tip-y) + 12vh)), #000 0%, var(--ease-out), transparent 100%), var(--tail); }
html:not(.tipfoot-old) .summit-stage.summit-tip canvas { -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 38vh), rgb(0 0 0 / .6) calc(100% - 24vh), rgb(0 0 0 / .22) calc(100% - 11vh), transparent 100%); mask-image: linear-gradient(180deg, #000 calc(100% - 38vh), rgb(0 0 0 / .6) calc(100% - 24vh), rgb(0 0 0 / .22) calc(100% - 11vh), transparent 100%); }
@media (min-width:901px) {
  #case-content .case-mosaic[data-count="3"] { aspect-ratio: 16 / 10; grid-template-rows: minmax(0,1fr) minmax(0,1fr); }
  #case-content .case-mosaic[data-count="3"] img { width: 100%; height: 100%; object-fit: cover; }
}
html.summit-fly .impact .section-heading { perspective: 1000px; perspective-origin: 50% 40%; }
html.summit-fly #impact-title { animation: summit-approach 1.4s cubic-bezier(.25,.6,.2,1) .5s both; transform-origin: 50% 60%; }
html.summit-fly .impact-sub { animation: summit-approach 1.4s cubic-bezier(.25,.6,.2,1) .65s both; transform-origin: 50% 0; }
@keyframes summit-approach {
  from { opacity: 0; filter: blur(4px); transform: perspective(1000px) translate3d(0, -30px, -1800px); }
  35% { opacity: 1; filter: blur(1px); }
  to { opacity: 1; filter: none; transform: perspective(1000px) translate3d(0, 0, 0); } }
.summit-stage canvas { position: relative; }
html .results-page #impact-title { font-size: clamp(2.6rem, 4.2vw, 3.75rem) !important; line-height: 1.03 !important; letter-spacing: -.045em !important; max-width: none; }
html .results-page .impact-sub { font-size: 1.08rem !important; }
html.summit-fly #impact-title, html.summit-fly .impact-sub { animation: summit-soft .9s cubic-bezier(.2,.7,.2,1) .25s both; }
html.summit-fly .impact-sub { animation-delay: .31s; }
html.summit-fly .results-page .impact .section-heading::before { animation: summit-soft-fade .9s cubic-bezier(.2,.7,.2,1) .25s both; }
html.summit-fly.impact-live[data-cards=k4d] .impact-grid > .impact-card.is-in:nth-child(n) { --gd: calc(1.15s + var(--i) * .04s); animation-delay: calc(.37s + var(--i) * .04s); }
@keyframes summit-unveil { to { opacity: 0; } }
@keyframes summit-soft { from { opacity: 0; transform: translateY(16px); } }
@keyframes summit-soft-fade { from { opacity: 0; } }
html.summit-fly .contact-wave { animation: summit-glow 1.6s ease-in-out 2.9s both; }
@keyframes summit-glow { 0% { filter: brightness(1); } 50% { filter: brightness(1.35) saturate(1.15); } 100% { filter: brightness(1.12); } }
@media (prefers-reduced-motion: reduce) { html.summit-fly .contact-wave { animation: none; } }
html.has-night body>.nav::after { content: ''; position: absolute; inset: 0 -100vmax; z-index: -1; pointer-events: none;
  background: linear-gradient(to bottom, transparent var(--night-a, 100%), rgb(22 21 20 / .9) var(--night-a, 100%), rgb(22 21 20 / .9) var(--night-b, 100%), transparent var(--night-b, 100%)); }
html.has-night.is-night body>.nav::after {
  background: linear-gradient(to bottom, color-mix(in srgb, var(--bg) 94%, transparent) var(--night-a, 0px), transparent var(--night-a, 0px), transparent var(--night-b, 100%), color-mix(in srgb, var(--bg) 94%, transparent) var(--night-b, 100%)); }
html.has-night body>.nav :is(nav>a, .identity-name, .identity-name span, .theme-toggle) { transition-duration: .18s !important; transition-timing-function: cubic-bezier(.4,0,.2,1) !important; }
html.has-night body>.nav, html.has-night[data-variant] body>.nav { transition: color .18s cubic-bezier(.4,0,.2,1) !important; }
@media (prefers-reduced-motion: reduce) { #case-content .mosaic-preview, #case-content .case-image:has(.mosaic-preview) .case-mosaic img { transition: none; } }
main .exp-close { box-sizing: border-box; width: 100%; max-width: none; margin: -100px 0 0; position: relative; z-index: 1; padding: clamp(150px, 14vw, 210px) max(5vw, calc((100% - 1400px) / 2 + 70px)) clamp(64px, 8vw, 104px); border-top: 0; color: #f5f5f5;
  background: linear-gradient(180deg in oklab, rgb(131 129 121 / 0), rgb(131 129 121 / .32) 70px, rgb(90 89 84 / .74) 140px, rgb(62 61 58 / .95) 205px, #31302e 250px); }
.experience-page .strata-ground-layer.stratum-3::before { bottom: -160px; }
html:root .exp-close.experience-cta .eyebrow { color: #f08bbd !important; }
html:root .exp-close.experience-cta h2 { color: #f5f5f5 !important; }
html:root .exp-close.experience-cta h2 em { color: #b1b0ab !important; }
html:root .exp-close.experience-cta p:not(.eyebrow) { color: #cdccc9 !important; }
html:root .exp-close.experience-cta .experience-cta-link { background: #f2f2f0 !important; color: #111111 !important; }
html:root .exp-close.experience-cta .experience-cta-link:hover:where(:not(.no-tap-hover *)), html:root .exp-close.experience-cta .experience-cta-link:focus-visible { background: #fff !important; }
body:has(.exp-close) > footer.portfolio-footer { margin-top: 0; border-top: 1px solid rgb(255 255 255 / .12); }
html.exp-anim .exp-close :is(.eyebrow, h2, p:not(.eyebrow), .experience-cta-link) { opacity: 0; translate: 0 24px; transition: opacity .9s ease, translate 1.2s cubic-bezier(.22, 1, .36, 1); }
html.exp-anim .exp-close h2 { transition-delay: 100ms; }
html.exp-anim .exp-close p:not(.eyebrow) { transition-delay: 220ms; }
html.exp-anim .exp-close .experience-cta-link { transition-delay: 340ms; }
html.exp-anim .exp-close.is-in :is(.eyebrow, h2, p:not(.eyebrow), .experience-cta-link) { opacity: 1; translate: 0 0; }
@media (min-width: 761px) and (max-width: 1100px) {
  html[data-cards=k4d] .impact-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; overflow: visible; scroll-snap-type: none; margin: 0; padding: 10px 0 24px; }
  html[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { flex: none; width: auto; min-width: 0; }
  html[data-cards=k4d] .impact-grid .impact-card .impact-label:nth-child(n) { padding-right: 58px; }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { transform: translateY(24px); }
  html.impact-live[data-cards=k4d] .impact-grid > .impact-card.is-in:nth-child(n) { transform: none; }
}
.results-page ~ .contact-wave { display: none; }
@media (max-width: 1100px) {
  html[data-cards=k4d] .impact-card .impact-src > span[aria-hidden] { top: auto; bottom: 14px; right: 14px; }
  html[data-cards=k4d] .impact-card .impact-src { padding-right: 34px; }
  html[data-cards=k4d] .impact-card .impact-big { padding-right: 0; }
}
.results-page .impact-kicker { margin-bottom: 12px; }
html.summit-fly .impact-kicker { animation: summit-soft .9s cubic-bezier(.2,.7,.2,1) .19s both; }
@media (prefers-reduced-motion: reduce) { html.summit-fly .impact-kicker { animation: none; } }
#case-content .case-specs>*>*, #case-content .case-specs .case-facts>div { align-items: center; }
:is(#work .selected-work-heading, #more .section-heading) .work-note { flex: none; width: 100%; max-width: none; margin: 12px 0 0; font-size: 17px; line-height: 1.55; color: var(--muted); }
#work .selected-work-heading:has(.work-note) { width: 100%; max-width: 100%; }
#featured .feature .feature-tags { min-height: 66px; align-items: stretch; }
#featured .feature .feature-tags > * { align-self: stretch; align-items: center; padding-top: 6px !important; padding-bottom: 6px !important; }
.experience-page:has(.exp-close) .strata-blur { bottom: -280px; }
@media (prefers-reduced-motion: no-preference) {
  html.intro-hold:not(.sh-still) #work .selected-work-title:not(.is-in) ~ .work-note,
  html.sh-ready #work .selected-work-title:not(.is-in) ~ .work-note { opacity: 0; }
  html.sh-ready #work .selected-work-title.is-in ~ .work-note { animation: sh-rise .85s cubic-bezier(.2,.8,.25,1) .26s backwards; }
}
html .feature .feature-image .project-number { width: 42px; min-width: 42px; height: 42px; font-size: .92rem; font-weight: 800; }
html body #work .selected-work-count, html[data-variant] body #work .selected-work-count { width: 42px !important; min-width: 42px !important; height: 42px !important; font-size: .92rem !important; font-weight: 800; background: var(--photo-badge, #22211f) !important; color: #fff !important; border: 2px solid #fff !important; box-shadow: 0 3px 12px #18181838, 0 0 0 1px #2a2a2a1a; }
@media (max-width: 560px) {
  html .hero-intro { grid-template-columns: 1fr; gap: 4px; padding-bottom: 8px; }
  html .hero-copy h1 { font-size: clamp(2.4rem, 11.5vw, 3.1rem); }
  html .hero-copy .hero-bottom p { font-size: 1rem; line-height: 1.5; max-width: 34ch; }
  html .hero-actions { flex-direction: row; flex-wrap: nowrap; gap: 10px; }
  html .hero-actions > a { flex: none; }
  html .single-demo .demo-stage { height: 230px; }
  html .single-demo .demo-phone-back, html .single-demo .demo-phone-back:hover { width: 108px; top: 10px; }
  html .hero-intro > .hero-demo { order: -1; margin: 6px 0 12px; }
}
main > .experience-cta:not(.exp-close) { margin-bottom: clamp(64px, 7vw, 104px); }
@media (max-width: 500px) { html body>.nav .identity b.identity-name { opacity: 1; } }
@media (max-width: 760px) {
}
:is(#small-detail,#case-content) .portfolio-gallery { margin-top: 30px; }
.portfolio-gallery .pg-b { margin: 0; min-width: 0; overflow: hidden; border-radius: 18px; grid-column: span 3; aspect-ratio: 7 / 6; background: #fff; box-shadow: 0 0 0 1px rgb(38 38 36 / .08); }
.portfolio-gallery .pg-b img { display: block; width: 100%; height: 100%; object-fit: cover; }
.portfolio-gallery .pg-b-lead { grid-column: span 8; aspect-ratio: 16 / 10; }
@media (min-width: 761px) {
}
@media (max-width: 760px) {  }
.portfolio-gallery .pg-tiles .pg-b { position: relative; }
.portfolio-gallery .pg-tiles .pg-b img { position: absolute; inset: auto; border-radius: 10px; box-shadow: 0 26px 50px -24px rgb(16 16 16 / .5), 0 0 0 1px rgb(0 0 0 / .06); transform: perspective(1400px) rotateY(-7deg) rotateX(4deg); }
.portfolio-gallery .pg-tiles .pg-t-screen img { left: 7%; top: 7%; width: 86%; height: 86%; object-fit: cover; object-position: top; }
.portfolio-gallery .pg-tiles .pg-t-phone img { top: 6%; left: 50%; height: 88%; width: auto; aspect-ratio: 390 / 844; translate: -50% 0; border-radius: 20px; }
@media (max-width: 760px) { .portfolio-gallery .pg-tiles :is(.pg-b-top, .pg-b-side) { grid-row: auto; aspect-ratio: 4 / 5; } .portfolio-gallery .pg-tiles .pg-b:last-child { grid-column: auto; aspect-ratio: 7 / 6; } .portfolio-gallery .pg-tiles .pg-b img { border-radius: 6px; } .portfolio-gallery .pg-tiles .pg-t-phone img { border-radius: 12px; } }
@media (max-width: 760px) {
  .portfolio-gallery .pg-b { grid-column: span 1; border-radius: 12px; }
  .portfolio-gallery .pg-b-lead { grid-column: 1 / -1; }
}
@media (max-width: 760px) {   }
:root { --press-ring: color-mix(in srgb, var(--accent) 42%, transparent); }
a, button, [role="button"], summary, select, [data-industry] { -webkit-tap-highlight-color: transparent; }
html.press-soft.pointer-mode :focus-visible { outline: none !important; }
@media (max-width: 1100px) and (hover: hover) and (pointer: fine) {
  html[data-cards=k4d] .impact-grid { perspective: 1100px; }
  html[data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { transform-style: preserve-3d; }
  html[data-cards=k4d] .impact-grid > .impact-card.is-tilting:nth-child(n), html.impact-live[data-cards=k4d] .impact-grid > .impact-card.is-in.is-tilting:nth-child(n) {
    z-index: 3; rotate: 0deg;
    transform: translateY(-8px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) scale(1.03);
    transition: transform .14s ease-out, rotate .3s ease, box-shadow .3s ease, opacity .45s ease;
    box-shadow: inset 0 0 0 1px rgb(38 38 36 / .07), inset 0 0 0 5px #fffefc, inset 0 0 0 6px color-mix(in srgb, var(--accent) 30%, transparent), 0 2px 3px rgb(38 38 36 / .12), 0 34px 50px -24px rgb(17 17 17 / .65); }
  html[data-cards=k4d] .impact-grid > .impact-card.is-tilting .impact-big:nth-child(n) { color: var(--accent) !important; }
  html[data-cards=k4d] .impact-grid > .impact-card :is(.impact-media, .impact-chart) { transition: transform .3s ease; }
  html[data-cards=k4d] .impact-grid > .impact-card.is-tilting :is(.impact-media, .impact-chart) { transform: translateZ(28px) scale(1.06); }
  html[data-cards=k4d] .impact-card .card-glow { position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none; opacity: 0; mix-blend-mode: soft-light;
    background: radial-gradient(circle at var(--glow-x, 50%) var(--glow-y, 50%), rgb(255 255 255 / .85), rgb(255 255 255 / 0) 55%); transition: opacity .3s ease; }
  html[data-cards=k4d] .impact-card.is-tilting .card-glow { opacity: 1; }
}
html.num-seq .feature .feature-image .project-number { opacity: 0; scale: .8; transition: opacity .42s cubic-bezier(.33,1,.68,1), scale .42s cubic-bezier(.33,1,.68,1); }
html.num-seq .feature .feature-image .project-number.is-num { opacity: 1; scale: 1; }
.case-image > canvas.depth-photo { position: absolute; display: block; pointer-events: none; }
html body #featured .feature .feature-meta { margin-bottom: 8px; }
html body #featured .feature h3 { margin-bottom: 12px; }
html body #featured .feature .feature-content > p { margin-bottom: 22px; }
@media (max-width:700px) {
  html body #featured.featured > .feature > .feature-content { padding-top: 20px; }
  html body #featured .feature .feature-content > p { margin-bottom: 20px; }
}
@media (min-width:701px) and (max-width:900px) {
  html body .nav nav { gap: 16px; }
}
.not-found { max-width: 1220px; min-height: calc(100vh - 250px); margin: 0 auto; padding: 96px 5vw 120px; }
.not-found h1 { margin: 12px 0 16px; font-size: clamp(40px,6vw,72px); line-height: 1; letter-spacing: -.03em; }
.not-found p { max-width: 46ch; color: var(--muted); font-size: 1.1rem; }
.not-found-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 28px; }
.not-found-links a:not(.hero-work-button) { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
@media (min-width: 501px) and (max-width: 600px) { html body>.nav .identity b.identity-name { display: block; opacity: 1; } }
#case-content .image-note-btn { flex: none; }
@media (max-width: 420px) {
  html body #case-content .case-specs { grid-template-columns: minmax(0,1fr); }
  html body #case-content .case-specs > * > :nth-child(even), html body #case-content .case-specs .case-facts > div:nth-child(even) { padding-left: 0; border-left: 0; }
}
body:has(> main.contact-page, > main#case-content) { min-height: 100svh; display: flex; flex-direction: column; }
body:has(> main.contact-page, > main#case-content) > :is(header, main, footer) { width: 100%; box-sizing: border-box; }
body:has(> main.contact-page, > main#case-content) > main { flex: 1 0 auto; }
body:has(> .summit-sky):has(.results-page) { position: relative; }
body:has(.results-page) > .mountain-sky.summit-sky { max-height: 100%; }
:is(#case-content, #small-detail) .project-pagination-link div > span { color: #ac2b6c; }
.work-filters .filter-count { opacity: .7; }
.flow-stage:focus-visible { outline: 2px solid var(--accent); outline-offset: 8px; border-radius: 16px; }
@media (max-width: 760px) { html:root .exp-close.experience-cta .eyebrow { color: #ffc2df !important; } }
html:is([data-tod=night], .night-early) body .results-page .impact-kicker { color: #ffb3d6 !important; }
@media (max-width: 760px) {
  html[data-cards^=k4] .impact-src { flex-wrap: wrap; }
  html[data-cards^=k4] .impact-src-name { overflow: visible; text-overflow: clip; white-space: normal; }
}
html[data-variant=nocturne] .more-view-toggle button[aria-pressed=true], html[data-variant=nocturne] .cf-nav button:hover { color: var(--bg) !important; }
:where(b, strong) { font-weight: 600; }
:is(.project-number, .selected-work-count) { letter-spacing: 0 !important; padding: 2px 0 0 !important; font-variant-numeric: proportional-nums !important; }
#featured .project-number { padding-left: 1px !important; }
#more-grid:not(.is-list) .mini-project::before { border-color: var(--line, #d8d8d6) !important; }
#more-grid:not(.is-list) .mini-project:is(:hover, :focus-visible):where(:not(.no-hover *))::before { border-color: #adaca8 !important; }
@media (max-width: 420px) { html body #case-content .case-specs > .case-tags > :nth-child(n+2) { border-top: 1px solid var(--line); } }
@media screen {
  .resume-evidence > a { grid-template-columns: 115px 1fr 32px; }
  .resume-evidence > a i { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid color-mix(in srgb, var(--accent) 45%, transparent); border-radius: 50%; font-size: .85rem; line-height: 1; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
  .resume-evidence > a:is(:hover:where(:not(.no-tap-hover *)), :focus-visible) i { background: var(--accent); border-color: var(--accent); color: #fff; }
}
@media screen and (max-width: 760px) { .resume-evidence > a { grid-template-columns: minmax(0, 1fr) 32px; } }
html body .hero-copy > .hero-bottom { padding-top: 0; margin-top: -8px; row-gap: 32px; }
@media (max-width: 700px) { html body .hero-copy > .hero-bottom { padding-top: 0; margin-top: -6px; row-gap: 26px; } html body .hero-copy { padding-bottom: 16px; } }
html body .single-demo .phone-project-note > span { width: fit-content; padding: 1px 0 1px 9px; box-shadow: inset 2px 0 0 var(--accent); font-size: .66rem; font-weight: 600; letter-spacing: .01em; text-transform: none; color: var(--ink); }
html body .single-demo .phone-project-note > small { margin-top: 7px; padding-left: 9px; font-size: .62rem; line-height: 1.5; color: var(--muted); }
html body .phone-project-link { gap: 5px; min-height: 28px; margin-top: 6px; padding-left: 9px; font-size: .62rem; color: var(--ink); text-decoration: none; }
html body .phone-project-link::after { content: "\2197\FE0E"; color: var(--accent); transition: translate .2s ease; }
html body .phone-project-link:hover { color: var(--ink); }
html body .phone-project-link:hover::after { translate: 2px -2px; }
@media (hover: none) { html body .phone-project-link { min-height: 40px; } }
@media (max-width: 560px) { html body .single-demo .phone-project-note > span { font-size: .56rem; } html body .single-demo .phone-project-note > small { font-size: .54rem; } }
html:not(.sw-count) #work .selected-work-count { display: none !important; }
html.name-wait :is(.nav .identity-name, .menu-name) { visibility: hidden; }
html body main > .experience-cta:not(.exp-close) { border-top: 0; }
body:has(> main.contact-page) > main.contact-page { align-content: center; padding-top: 64px; padding-bottom: 32px; }
body:has(> main.contact-page) > .contact-wave { margin-top: calc(-1 * clamp(300px, 36vw, 460px)); margin-bottom: 0; }
@media (min-width: 1101px) { html[data-cards=k4d] body .results-page .impact-kicker { margin-inline: auto !important; } }
.stratum-years .yr-dash { margin: 0 .07em; }
.experience-page .strata-ground-layer:last-child { -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 180px), transparent); mask-image: linear-gradient(to bottom, #000 calc(100% - 180px), transparent); }
.work-note .lead-l { display: block; }
html:not(.show-nums) #featured .feature .project-number { display: none !important; }
@media (max-width: 760px) {
  .menu-top { height: 63px; padding: env(safe-area-inset-top, 0px) 5vw 0; }
  .menu-name { margin-left: 55.8px; font-size: 20px; letter-spacing: -.02em; line-height: 1; }
  .menu-top .menu-face { position: absolute; left: 5vw; bottom: 0; height: 63px; display: flex; align-items: flex-end; margin: 0; padding: 0; pointer-events: none; }
  html.is-night .menu-top .menu-face img.identity-avatar, html[data-variant] .menu-top .menu-face img.identity-avatar { filter: none !important; background: rgb(34 33 31) !important; opacity: .88 !important; }
}
html:not(.xspace-v1) main > .experience-cta:not(.exp-close) { margin-top: clamp(24px, 3vw, 40px); padding-top: clamp(40px, 4vw, 56px); margin-bottom: clamp(64px, 6.7vw, 96px); row-gap: 24px; }
html:not(.xspace-v1) main > .experience-cta:not(.exp-close) .eyebrow { margin-bottom: 12px; }
html:not(.xspace-v1) main > .experience-cta:not(.exp-close) h2 { margin-bottom: 12px; }
html:not(.close-fade) main .exp-close { margin-top: 0; padding-top: clamp(64px, 8vw, 104px); background: #31302e; }
html:not(.close-fade) .experience-page .strata-ground-layer:last-child { -webkit-mask-image: none; mask-image: none; }
html:not(.close-fade) .experience-page .strata-ground-layer.stratum-3::before { bottom: 0; }
html[data-variant] .contact-lead, html[data-variant]:not([data-tod=night]) .career-hero-landscape > .career-title + p { color: var(--muted); }
@media (prefers-reduced-motion: no-preference) {
}
@media (max-width: 640px) {
  html:not(.expcopy-late) .hero-words>.eyebrow { animation-delay: .08s; }
  html:not(.expcopy-late) .hero-words .career-title .hw>span { animation-delay: .14s; }
  html:not(.expcopy-late) .hero-words .career-title .hw+.hw>span { animation-delay: .2s; }
  html:not(.expcopy-late) .hero-words>p:not(.eyebrow) { animation-delay: .28s; }
  html:not(.expcopy-late) .hero-words>.strata-cue { animation-delay: .34s; }
  html:not(.expcopy-late) .hero-words>:is(.eyebrow,p,.strata-cue), html:not(.expcopy-late) .hero-words .career-title .hw>span { animation-duration: 700ms; }
}
.gt-pull * { text-indent: 0 !important; }
html.avatar-away body>.nav .identity img.identity-avatar { opacity: 0 !important; }
@media (max-width: 700px) {
  html:not(.pager-gap) #case-content .case-body + .project-pagination, html:not(.pager-gap) #case-content .project-pagination { margin-top: 0 !important; }
  html:not(.pager-gap) #case-content .case-summary:has(> .contribution-radar:last-child) { border-bottom: 0 !important; }
  html:not(.pager-gap) #case-content .case-body section.contribution-radar:last-child { padding-bottom: 12px; }
}
:root { --brief-band: color-mix(in srgb, #7d78c8 9%, var(--bg)); }
@media (max-width: 760px) { html:not(.brief-plain) #case-content .case-narrative { background: var(--brief-band); box-shadow: 0 0 0 100vmax var(--brief-band); clip-path: inset(0 -100vmax); padding-block: 24px 36px; } }
@media (max-width: 760px) { html:not(.brief-plain) #case-content .case-narrative + .case-summary { border-top: 0; } }
.results-page .impact-sub { max-width: 40ch; text-wrap: balance; }
@media (min-width: 901px) { html.peak-right .summit-stage:not(.summit-tip) { --mx: 70vw; } }
html:not(.peak-right):not(.peak-center) .summit-stage:not(.summit-tip) { --mx: 44vw; }
.results-range { display: none; }
.results-range.is-on { display: block; height: min(70vh, 640px); pointer-events: none; }
@media (max-width: 640px) { .results-range.is-on { height: 56svh; } }
.summit-stage.is-foot:not(.summit-tip) { --mx: 50vw; --my: 55%; --rx: 70vw; --ry: 75%; --m0: 45%; }
.summit-stage.summit-foot.is-foot { --my: 78%; --ry: 60%; }
html.vt-fly:has(.summit-foot)::view-transition-old(head-out) { animation: head-fade-up .3s ease-out both; }
html.work-in[data-tod=night]::view-transition-old(root) { animation: work-lift .8s cubic-bezier(.45,0,.55,1) both; }
html.work-in[data-tod=night]::view-transition-new(root) { animation: work-new .8s cubic-bezier(.45,0,.55,1) both; }
html.work-in[data-tod=night]::view-transition-old(site-nav), html.work-in[data-tod=night]::view-transition-new(site-nav) { animation-duration: .6s; }
html:not(.exp-slide) .hero-words>:is(.eyebrow,p,.strata-cue), html:not(.exp-slide) .hero-words .career-title .hw>span { animation: hero-wipe 1550ms cubic-bezier(.2,.65,.22,1) backwards; }
.exp-close .close-edge { position: absolute; left: 0; bottom: calc(100% - 1px); display: block; width: 100%; height: clamp(22px,3vw,40px); overflow: visible; pointer-events: none; }
.exp-close .close-edge path { vector-effect: non-scaling-stroke; }
.exp-close .close-edge-fill { fill: #31302e; }
.exp-close .close-edge-line { fill: none; stroke: #a19f99; stroke-width: 1.5; }
html[data-tod=night]:not(.contact-day):has(main.contact-page) { background: #10100f; }
html[data-tod=night]:not(.contact-day) body:has(main.contact-page) { background: transparent; color: #f3f2f1; }
html[data-tod=night]:not(.contact-day) main.contact-page :is(h1, .contact-big) { color: #fff !important; }
html[data-tod=night]:not(.contact-day) main.contact-page .eyebrow { color: #ffb3d6 !important; }
html[data-tod=night]:not(.contact-day) main.contact-page :is(.contact-lead, .contact-tip) { color: #cdccc9 !important; }
html[data-tod=night]:not(.contact-day) main.contact-page .contact-label { color: #b1b0ab !important; }
html[data-tod=night]:not(.contact-day) main.contact-page .contact-details { background: rgb(45 44 42 / .84) !important; border-color: rgb(255 255 255 / .1) !important; box-shadow: 0 30px 60px -30px rgb(0 0 0 / .7) !important; }
html[data-tod=night]:not(.contact-day) main.contact-page .contact-btn { color: #f3f2f1 !important; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .28) !important; background: transparent !important; }
html[data-tod=night]:not(.contact-day) main.contact-page .contact-btn.is-solid { background: #f2f2f0 !important; color: #111111 !important; box-shadow: none !important; }
html[data-tod=night]:not(.contact-day) main.contact-page .contact-btn.is-solid:hover:where(:not(.no-tap-hover *)) { background: #fff !important; }
html[data-tod=night]:not(.contact-day) main.contact-page .contact-copy { color: #cdccc9 !important; border-color: rgb(255 255 255 / .2) !important; background: transparent !important; }
html[data-tod=night]:not(.contact-day) main.contact-page .contact-primary { background: rgb(45 44 42 / .72) !important; border-color: rgb(255 255 255 / .12) !important; }
html.avatar-park:not(.avatar-parked) body>.nav .identity .identity-name { opacity: 0; filter: blur(6px); translate: 0 4px; }
html.avatar-park body>.nav .identity .identity-name, html.avatar-park.has-night body>.nav .identity .identity-name { transition: transform .55s cubic-bezier(.4,0,.2,1), opacity .9s cubic-bezier(.22,.61,.36,1) .5s, filter 1s cubic-bezier(.22,.61,.36,1) .5s, translate 1s cubic-bezier(.22,.61,.36,1) .5s, color .18s ease !important; }
@media (prefers-reduced-motion: reduce) { html.avatar-park:not(.avatar-parked) body>.nav .identity .identity-name { filter: none; translate: none; } }
html:not(.label-plain) body #case-content .eyebrow { color: var(--accent) !important; }
html:not(.avatar-photo) .identity img.identity-avatar { content: url(assets/header-peak-still.webp?v=14); opacity: 1; object-position: bottom !important; object-fit: contain !important; background: none !important; filter: none !important; -webkit-mask: none !important; mask: none !important; }
html[data-type] body :is(.identity-name span:last-child, .menu-name, .footer-name span) { font-weight: 600 !important; }
html.vt-fly.contact-cross::view-transition-old(root), html.vt-fly.contact-cross::view-transition-new(root) { animation-duration: .8s; animation-timing-function: cubic-bezier(.45,0,.55,1); animation-delay: 0s; }
html.vt-fly.contact-cross::view-transition-old(site-nav), html.vt-fly.contact-cross::view-transition-new(site-nav) { animation-duration: .6s; animation-delay: 0s; }
html.vt-fly.contact-cross::view-transition-old(page) { animation-duration: .45s; }
html.vt-fly.contact-cross::view-transition-old(strata-out) { animation: vt-gone .8s cubic-bezier(.45,0,.55,1) both; }
html.vt-fly[data-tod=night]:not(.contact-day):is(.nightstrata-fade, :has(.summit-stage.summit-foot))::view-transition-old(strata-out) { animation: vt-gone .8s cubic-bezier(.45,0,.55,1) both; }
body>.nav .identity { position: relative; }
.identity canvas.identity-peak3d { position: absolute; left: 0; bottom: 0; pointer-events: none; transition: transform .55s cubic-bezier(.4,0,.2,1), opacity .4s ease; }
html.peak3d:not(.avatar-photo) .identity img.identity-avatar { opacity: 0 !important; }
html.avatar-away .identity canvas.identity-peak3d { transform: translateX(var(--peak-away, -55%)); opacity: 0; }
html:not(.on-work):not(.avatar-photo) body>.nav .identity :is(img.identity-avatar, canvas.identity-peak3d) { display: none !important; }
html.avatar-park:not(.on-work):not(.avatar-photo) body>.nav .identity .identity-name { opacity: 1; filter: none; translate: none; }
.menu-scrim { display: none; }
@media (max-width: 760px) {
  html.menu-native .menu-scrim { display: block; position: fixed; inset: 0; z-index: 199; background: rgb(20 20 19 / .38); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s ease, visibility 0s .3s; }
  html.menu-native.menu-open .menu-scrim { opacity: 1; visibility: visible; transition: opacity .35s ease, visibility 0s; }
  html.menu-native .menu-sheet { opacity: 1; transform: none; clip-path: inset(0 0 100% 0 round 0 0 32px 32px); transition: clip-path .34s cubic-bezier(.5,0,.75,0), visibility 0s .34s; }
  html.menu-native.menu-open .menu-sheet { clip-path: inset(0 0 var(--drag, 0px) 0 round 0 0 calc(min(var(--drag, 0px), 32px)) calc(min(var(--drag, 0px), 32px))); transition: clip-path .5s cubic-bezier(.22,1,.36,1), visibility 0s; }
  html.menu-native.menu-open .menu-sheet nav a, html.menu-native.menu-open .menu-foot { animation: menu-rise .52s cubic-bezier(.22,1,.36,1) both; }
  html.menu-native.menu-open .menu-sheet nav a:nth-child(1) { animation-delay: .07s; } html.menu-native.menu-open .menu-sheet nav a:nth-child(2) { animation-delay: .11s; }
  html.menu-native.menu-open .menu-sheet nav a:nth-child(3) { animation-delay: .15s; } html.menu-native.menu-open .menu-sheet nav a:nth-child(4) { animation-delay: .19s; }
  html.menu-native.menu-open .menu-sheet nav a:nth-child(5) { animation-delay: .23s; } html.menu-native.menu-open .menu-foot { animation-delay: .27s; }
  html.menu-native:not(.menu-open) .menu-sheet :is(nav a, .menu-foot) { opacity: 0; transition: opacity .16s ease; }
}
@media (max-width: 760px) { html.is-night .menu-sheet { --bg: #111112; --ink: #f2f2f0; --muted: #a3a39e; --line: rgb(255 255 255 / .14); --accent: #ff5a4e; background: var(--bg); color: var(--ink); } }
@media (max-width: 760px) {
  .menu-sheet.menu-noface .menu-face { display: none; }
  html body .menu-sheet.menu-noface .menu-top .menu-name { margin-left: 0; }
  html body .menu-sheet .menu-top .menu-face img.identity-avatar { background: none !important; opacity: 1 !important; height: auto; max-height: 100%; object-fit: contain; object-position: left bottom !important; }
}
@keyframes menu-rise { from { opacity: 0; transform: translateY(22px); } }
@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  html.menu-native .menu-sheet { clip-path: none; opacity: 0; transition: opacity .2s ease, visibility 0s .2s; }
  html.menu-native.menu-open .menu-sheet { clip-path: none; opacity: 1; transition: opacity .2s ease, visibility 0s; }
  html.menu-native.menu-open .menu-sheet nav a, html.menu-native.menu-open .menu-foot { animation: none; }
}
@supports (animation-timeline: view()) {
  @media (max-width: 760px) and (prefers-reduced-motion: no-preference) {
    html:not(.lite-motion):not(.para-off) :is(.feature-image, .mini-photo) { view-timeline: --pic block; }
    html:not(.lite-motion):not(.para-off) :is(.feature-image, .mini-photo) > :is(img, video) {
      scale: 1.14; animation: phone-para linear both; animation-timeline: --pic; animation-range: entry 0% exit 100%;
    }
  }
}
@keyframes phone-para { from { translate: 0 -7%; } to { translate: 0 7%; } }
html.on-work:not(.avatar-photo):not([data-mark]) body>.nav .identity .identity-name { margin-left: -13px; }
@media (max-width: 700px) { html.on-work:not(.avatar-photo):not([data-mark]) body>.nav .identity .identity-name { margin-left: -9px; } }
html.on-work:not(.avatar-photo):not([data-mark]) body>.nav .identity img.identity-avatar { height: 57px; margin-left: -12px; background: none !important; -webkit-mask: none !important; mask: none !important; }
@media (max-width: 700px) { html.on-work:not(.avatar-photo):not([data-mark]) body>.nav .identity img.identity-avatar { height: 40px; margin-left: -9px; } }
:root { --night-sky: linear-gradient(180deg, #0f0f0e 0%, #10100f 55%, #1e1d1b 100%); --night-foot: #1e1d1b; }
html:not(.sky-purple) .mountain-sky .sky-fill { background: var(--night-sky); }
html.night-early:not(.sky-purple):has(.mountain-stage) { background: #0f0f0e; }
html[data-tod=night]:not(.sky-purple):has(.results-page), html[data-tod=night]:not(.sky-purple):has(.results-page):not(.ground-light) { background-image: linear-gradient(180deg, #0f0f0e, #10100f 60vh, #10100f); }
html.about-tod:not(.sky-purple) body::before { background: linear-gradient(in oklab 180deg, #0f0f0e 0, #10100f calc(100% - 90vh), #131312 calc(100% - 45vh), #141312 100%); }
html.about-tod, html.about-tod[data-variant] { background-color: #0f0f0e; }
@media (max-width: 800px) {
  html:not(.layers-solid) .strata-ground { -webkit-mask-image: linear-gradient(rgb(0 0 0 / .62), rgb(0 0 0 / .62)); mask-image: linear-gradient(rgb(0 0 0 / .62), rgb(0 0 0 / .62)); }
  html[data-tod=night]:not(.layers-solid) .strata-ground { -webkit-mask-image: linear-gradient(rgb(0 0 0 / .8), rgb(0 0 0 / .8)); mask-image: linear-gradient(rgb(0 0 0 / .8), rgb(0 0 0 / .8)); }
  html:not(.layers-solid) .strata-blur { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
}
@keyframes layers-whole { from { opacity: 0; } }
@media (max-width: 760px) {
  html:not(.rgap) main.results-page { padding-bottom: 0 !important; }
  html:not(.rgap) main.results-page .impact { padding-bottom: 32px !important; }
}
@media (min-width: 761px) {
  html:not(.rgap) main.results-page { padding-bottom: 0 !important; }
  html:not(.rgap) main.results-page .impact { padding-bottom: 32px !important; }
}
html:not([data-tod=night]):not([data-variant=nocturne]):not([data-palette=old]):not(#x) body :is(.about-btn--solid, .about-btn--solid > span, .contact-btn.is-solid, .contact-btn.is-solid > span, .strata-cue .hero-work-label) { color: #fff !important; }
html.tod-vt::view-transition-old(root), html.tod-vt::view-transition-new(root) { animation-duration: .55s !important; animation-timing-function: cubic-bezier(.4,0,.2,1) !important; animation-delay: 0s !important; }
html.tod-vt::view-transition-old(root) { animation-name: tod-out !important; } html.tod-vt::view-transition-new(root) { animation-name: tod-in !important; }
@keyframes tod-out { to { opacity: 0; } } @keyframes tod-in { from { opacity: 0; } }
html:not(.hdrcol-old).is-night body>.nav, html:not(.hdrcol-old).is-night[data-variant] body>.nav, html:not(.hdrcol-old)[data-variant=nocturne] body>.nav { background: rgb(15 15 16 / .82) !important; box-shadow: 0 0 0 100vmax rgb(15 15 16 / .82) !important; clip-path: inset(0 -100vmax); border-bottom-color: rgb(255 255 255 / .08) !important; }
html[data-tod=night]:not(.edges-old) .experience-page .stratum-edge-line { stroke-width: 1; opacity: .45; }
html[data-tod=night]:not(.edges-old) .exp-close .close-edge-line { stroke-width: 1; opacity: .5; }
html:not(.rstars):has(main.results-page) .summit-sky:not(.summit-tip *) .sky-stars { display: none; }
html:not(.hairline-col) body>.nav { border-image: linear-gradient(rgb(223 222 220), rgb(223 222 220)) 0 0 1 0 / 0 0 1px 0 / 0 100vmax 0 100vmax; }
html:not(.hairline-col):is(.is-night, [data-variant=nocturne]) body>.nav { border-image: linear-gradient(rgb(255 255 255 / .08), rgb(255 255 255 / .08)) 0 0 1 0 / 0 0 1px 0 / 0 100vmax 0 100vmax; }
html:not(.layerbleed-off) .experience-page :is(.strata-ground, .strata-blur) { left: min(0px, calc(50% - 50vw)) !important; right: min(0px, calc(50% - 50vw)) !important; }
html:not(.layerbleed-off) .experience-page main .exp-close { box-shadow: -800px 0 #31302e, 800px 0 #31302e, -1600px 0 #31302e, 1600px 0 #31302e; clip-path: inset(-80px -100vmax -1px); }
html:not(.layerbleed-off):not([data-palette=old]) .experience-page main .exp-close { box-shadow: -800px 0 rgb(45 44 42), 800px 0 rgb(45 44 42), -1600px 0 rgb(45 44 42), 1600px 0 rgb(45 44 42); }
html:not(.layerbleed-off) .experience-page main .exp-close .close-edge { left: min(0px, calc(50% - 50vw)); width: max(100%, 100vw); }
html:not([data-palette=old]) .exp-close .close-edge-fill { fill: rgb(45 44 42); }
html.about-seq .about-page .ab-hero.is-info { margin-bottom: 55vh; }
html.about-seq .about-page .ab-hero-copy { will-change: translate; }
html:is(.vt-out, .vt-fly, .vt-page, .page-in, .vt-proj, .vt-home, .home-in, .vt-work, .work-in):is(.on-work, .from-work, .vt-home, .namefly-all):not(.name-glide-off) body>.nav .identity .identity-name { view-transition-name: site-name; view-transition-group: nearest; }
html:is(.vt-out, .vt-fly, .vt-page, .page-in, .vt-proj, .vt-home, .home-in, .vt-work, .work-in):is(.on-work, .from-work, .vt-home, .namefly-all):not(.name-glide-off) body>.nav .identity img.identity-avatar { view-transition-name: site-mark; view-transition-group: nearest; }
html:is(.vt-out, .vt-fly, .vt-page, .page-in, .vt-proj, .vt-home, .home-in, .vt-work, .work-in):is(.on-work, .from-work, .vt-home, .namefly-all):not(.name-glide-off) body>.nav .identity canvas.identity-peak3d { view-transition-name: site-mark3d; view-transition-group: nearest; }
::view-transition-group(site-name) { animation-duration: .5s; animation-timing-function: cubic-bezier(.45,0,.2,1); }
::view-transition-old(site-name) { animation-duration: .18s; animation-timing-function: ease-out; } ::view-transition-new(site-name) { animation-duration: .24s; animation-timing-function: ease-out; }
::view-transition-group(site-mark), ::view-transition-group(site-mark3d) { animation: none; }
::view-transition-old(site-mark), ::view-transition-old(site-mark3d) { transform-origin: 50% 100%; animation: mark-away .42s cubic-bezier(.4,0,.2,1) both; }
::view-transition-new(site-mark), ::view-transition-new(site-mark3d) { transform-origin: 50% 100%; animation: mark-back .32s cubic-bezier(.2,.7,.2,1) .16s both; }
@keyframes mark-away { to { opacity: 0; transform: scale(.55); } }
@keyframes mark-back { from { opacity: 0; transform: scale(.55); } }
@media (min-width: 1200px) { html:not(.herotall-off) .experience-page main>#experience.career-hero-landscape { min-height: max(350px, min(30vw, 62vh)) !important; } }
@supports (animation-timeline: view()) {
  @media (min-width: 761px) and (prefers-reduced-motion: no-preference) {
    html:not(.lite-motion):not(.para-off):not(.para-phone) :is(.feature-image, .mini-photo) { view-timeline: --pic block; }
    html:not(.lite-motion):not(.para-off):not(.para-phone) :is(.feature-image, .mini-photo) > :is(img, video, canvas) {
      scale: 1.1; animation: wide-para linear both; animation-timeline: --pic; animation-range: entry 0% exit 100%;
    }
  }
}
@keyframes wide-para { from { translate: 0 -5%; } to { translate: 0 5%; } }
@media (max-width: 760px) {
  html.menu-native:not(.menufx-old).menu-open .menu-sheet nav a:nth-child(6) { animation-delay: .27s; }
  html.menu-native:not(.menufx-old).menu-open .menu-foot { animation-delay: .33s; }
  html.menu-native:not(.menufx-old):not(.menu-open) .menu-sheet :is(nav a, .menu-foot) { opacity: 1; transition: none; }
  html.menu-native:not(.menufx-old):not(.menu-open) .menu-sheet { opacity: 0; transition: opacity .2s ease, clip-path 0s .2s, visibility 0s .2s; }
  html.menu-native:not(.menufx-old).menu-open *:not(body>.nav), html.menu-native:not(.menufx-old).menu-open *::before { view-transition-name: none !important; }
  html.menu-native:not(.menufx-old).menu-open body>.nav { view-transition-name: site-nav !important; }
  html.menu-native:not(.menufx-old) .menu-top::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent) 40%, var(--accent) 60%, transparent); background-size: 45% 100%; background-repeat: no-repeat; opacity: 0; pointer-events: none; }
}
html.menu-in::view-transition { background: var(--menu-in-bg, var(--bg)); }
html.menu-in::view-transition-group(root), html.menu-in::view-transition-group(site-nav) { animation: none; }
html.menu-in::view-transition-old(root) { animation: menu-out .14s ease-out both; mix-blend-mode: normal; }
html.menu-in::view-transition-new(root) { animation: menu-page-in .34s cubic-bezier(.2,.7,.2,1) .05s both; mix-blend-mode: normal; }
html.menu-in::view-transition-old(site-nav), html.menu-in::view-transition-new(site-nav) { animation-duration: .22s; animation-delay: 0s; animation-timing-function: ease-out; }
@keyframes menu-out { to { opacity: 0; } }
@keyframes menu-page-in { from { opacity: 0; transform: translateY(10px); } }
@keyframes menu-going { from { background-position: -80% 0; } to { background-position: 180% 0; } }
html:not(.peakfit-off) body>.nav .identity { flex-shrink: 0; }
@media (min-width: 761px) and (max-width: 1100px) {
  html.on-work:not(.peakfit-off):not(.avatar-photo):not([data-mark]) body>.nav .identity img.identity-avatar { height: 44px; margin-left: -9px; }
  html.on-work:not(.peakfit-off):not(.avatar-photo):not([data-mark]) body>.nav .identity .identity-name { margin-left: -10px; }
  html.on-work:not(.peakfit-off) body .nav nav { gap: clamp(10px, calc(5vw - 27px), 28px); }
}
@media (min-width: 761px) and (max-width: 860px) {
  html.on-work:not(.peakfit-off):not(.avatar-photo):not([data-mark]) body>.nav .identity :is(img.identity-avatar, canvas.identity-peak3d) { display: none !important; }
  html.on-work:not(.peakfit-off):not(.avatar-photo):not([data-mark]) body>.nav .identity .identity-name { margin-left: 0; }
}
@media (max-width: 760px) {
  html.home-in:not(.phone-glide) body>.nav .identity :is(.identity-name, img.identity-avatar, canvas.identity-peak3d) { view-transition-name: none !important; }
  html.home-in:not(.phone-glide)::view-transition-new(site-nav) { animation: none; }
}
html.on-work:not(.avatar-photo):not([data-mark]):not(.namepark-on) body>.nav .identity .identity-name { opacity: 1; filter: none; translate: none; }
html.head-intro:not(.fonts-wait):not(.avatar-away).on-work body>.nav .identity :is(img.identity-avatar, canvas.identity-peak3d) { animation: head-peak-in .6s cubic-bezier(.2,.7,.2,1) .05s both; }
html.head-intro:not(.fonts-wait):not(.name-wait).on-work body>.nav .identity .identity-name { animation: head-name-in .55s cubic-bezier(.2,.7,.2,1) .2s both; }
@keyframes head-peak-in { from { clip-path: inset(100% -20% 0 -20%); transform: translateY(6px); } to { clip-path: inset(-20% -20% 0 -20%); transform: none; } }
@keyframes head-name-in { from { opacity: 0; transform: translateX(-12px); } }
html.head-intro.fonts-wait.on-work body>.nav .identity :is(img.identity-avatar, canvas.identity-peak3d) { visibility: hidden; }
.stratum-stones a { -webkit-tap-highlight-color: transparent; }
.stone-view { display: flex; width: fit-content; align-items: center; gap: 6px; margin-top: 12px; padding: 9px 14px; border-radius: 8px; background: var(--layer-ink, var(--ink)); color: #fff; font-weight: 600; font-size: .9rem; line-height: 1.2; text-decoration: none; }
.stone-view::after { content: "\2192"; }
@media (hover: none) {
  .stratum-stones a:not(.is-on):is(:hover:where(:not(.no-tap-hover *)), :focus-visible) { --lift: 0px; --grow: 1; box-shadow: 0 0 0 4px var(--layer), 0 0 0 5px var(--layer-line); }
  .stratum-stones a:not(.is-on):is(:hover:where(:not(.no-tap-hover *)), :focus-visible) img { filter: saturate(.35); }
  .stratum-stones a:not(.is-on):is(:hover:where(:not(.no-tap-hover *)), :focus-visible)::after { opacity: .8; }
}
@media (max-width: 640px) { html:not(.cphone-low) .summit-stage.summit-foot.is-foot { --my: 42%; --ry: 74%; opacity: .78 !important; } html[data-tod=night]:not(.cphone-low) .summit-stage.summit-foot.is-foot { opacity: .9 !important; } }
@supports (animation-timeline: view()) {
  @media (max-width: 760px) and (prefers-reduced-motion: no-preference) {
    html:not(.lite-motion):not(.para-off) figure.case-image:has(> img) { view-timeline: --pic block; overflow: clip; border-radius: 12px; }
    html:not(.lite-motion):not(.para-off) figure.case-image:has(> img) > :is(img, canvas.depth-photo, .image-ambience) {
      scale: 1.14; animation: phone-para linear both; animation-timeline: --pic; animation-range: entry 0% exit 100%; }
  }
}
@media (max-width: 700px) { html.on-work:not(.phonepeak-low):not(.avatar-photo):not([data-mark]) body>.nav .identity img.identity-avatar { height: 54px; margin-left: -12px; } html.on-work:not(.phonepeak-low):not(.avatar-photo):not([data-mark]) body>.nav .identity .identity-name { margin-left: -12px; } }
html.page-in:not(.navfade-slow)::view-transition-old(site-nav), html.page-in:not(.navfade-slow)::view-transition-new(site-nav) { animation-duration: .2s; animation-timing-function: ease-in-out; }
html.page-in.tone-flip::view-transition-old(root), html.page-in.tone-flip::view-transition-new(root), html.page-in.tone-flip::view-transition-old(site-nav), html.page-in.tone-flip::view-transition-new(site-nav) { animation-duration: .6s; animation-delay: 0s; animation-timing-function: cubic-bezier(.45,0,.55,1); }
html.page-in.tone-flip.navwipe-on::view-transition-old(site-nav) { animation: nav-wipe-under .46s linear both; mix-blend-mode: normal; }
@keyframes nav-wipe-under { 0%, 99.9% { opacity: 1; } 100% { opacity: 0; } }
html.page-in.tone-flip.navwipe-on::view-transition-new(site-nav) { animation: nav-wipe .42s cubic-bezier(.65,0,.35,1) .04s both; mix-blend-mode: normal; }
@keyframes nav-wipe { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
.result-heading svg.pill-icon { stroke: currentColor; }
@media (max-width: 760px) { :is(#small-detail, #case-content) .contribution-radar { border-top-color: rgb(208 208 206) !important; } }
html:not(.glass-off):not(.lite-motion):not(#x) body>.nav { background: rgb(245 245 245 / .62) !important; -webkit-backdrop-filter: blur(18px) saturate(1.5); backdrop-filter: blur(18px) saturate(1.5); border-bottom-color: rgb(38 38 36 / .1) !important; }
html:not(.glass-off):not(.lite-motion):not(#x):is(.is-night, [data-variant=nocturne]) body>.nav { background: rgb(15 15 16 / .58) !important; box-shadow: 0 0 0 100vmax rgb(15 15 16 / .58) !important; -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4); border-bottom-color: rgb(255 255 255 / .08) !important; }
@media (min-width: 1761px) { html:not(.glass-off):not(.lite-motion):not(#x) body>.nav { max-width: none !important; width: 100% !important; margin-inline: 0 !important; padding-inline: calc((100% - 1760px) / 2 + 5%) !important; }  }
html:not(.glass-off):not(.lite-motion):not(.inspo-page).has-night body>.nav::after { background: linear-gradient(to bottom, transparent var(--night-a, 100%), rgb(17 17 16 / .58) var(--night-a, 100%), rgb(17 17 16 / .58) var(--night-b, 100%), transparent var(--night-b, 100%)); }
html:not(.glass-off):not(.lite-motion):not(.inspo-page).has-night.is-night body>.nav::after { background: linear-gradient(to bottom, color-mix(in srgb, var(--bg) 62%, transparent) var(--night-a, 0px), transparent var(--night-a, 0px), transparent var(--night-b, 100%), color-mix(in srgb, var(--bg) 62%, transparent) var(--night-b, 100%)); }
html:not(.glass-off):not(.lite-motion)::view-transition-image-pair(site-nav) { -webkit-backdrop-filter: blur(18px) saturate(1.5); backdrop-filter: blur(18px) saturate(1.5); }
html.page-in.tone-flip.navwipe-on::view-transition-old(site-nav) { animation-duration: .46s !important; animation-delay: 0s !important; } html.page-in.tone-flip.navwipe-on::view-transition-new(site-nav) { animation-duration: .42s !important; animation-delay: .04s !important; }
html.page-in.tone-flip.navwipe-on.is-night::view-transition-new(site-nav) { background: #0f0f10; } html.page-in.tone-flip.navwipe-on:not(.is-night)::view-transition-new(site-nav) { background: #f5f5f5; }
html.page-in.page-deep::view-transition-old(root) { animation: vt-gone .35s linear both; }
html:not(.depthzoom-old) #case-content .case-image:not(.screen-duo, .screen-grid, .builder-device-visual, .real-product-image):has(> img):not(:has(> video)) { overflow: clip; border-radius: 12px; }
html:not(.depthzoom-old) #case-content .case-image:not(.screen-duo, .screen-grid, .builder-device-visual, .real-product-image):has(> img):not(:has(> video)) > :is(img, canvas.depth-photo) { transform: scale(1.04); }
html.home-in.tone-flip:not(.home-v1):not(#x)::view-transition-old(root) { animation: vt-gone .6s cubic-bezier(.45,0,.55,1) both; }
html.home-in.tone-flip:not(.home-v1):not(#x)::view-transition-new(root) { animation: home-new-in .6s cubic-bezier(.45,0,.55,1) both; }
html.home-in.tone-flip.navwipe-on:not(#x)::view-transition-old(site-nav) { animation: nav-wipe-under .46s linear both; mix-blend-mode: normal; }
html.home-in.tone-flip.navwipe-on:not(#x)::view-transition-new(site-nav) { animation: nav-wipe .42s cubic-bezier(.65,0,.35,1) .04s both; mix-blend-mode: normal; background: #f5f5f5; }
html.home-in.tone-flip:not(.navwipe-on):not(#x)::view-transition-old(site-nav), html.home-in.tone-flip:not(.navwipe-on):not(#x)::view-transition-new(site-nav), html.page-in.tone-flip:not(.navwipe-on)::view-transition-old(site-nav), html.page-in.tone-flip:not(.navwipe-on)::view-transition-new(site-nav) { animation-duration: .6s; animation-delay: 0s; animation-timing-function: cubic-bezier(.45,0,.55,1); }
html:not(.cfoot-scroll) .summit-stage.summit-foot { position: fixed; top: 0; }
html.page-in.tone-flip:not(.tonesteps-off)::view-transition-old(page) { animation: vt-gone .22s cubic-bezier(.4,0,1,1) both; }
html.page-in.tone-flip:not(.tonesteps-off)::view-transition-old(root), html.page-in.tone-flip:not(.tonesteps-off)::view-transition-new(root) { animation-duration: .55s; animation-delay: .1s; animation-timing-function: cubic-bezier(.45,0,.55,1); }
html.page-in.tone-flip:not(.tonesteps-off)::view-transition-new(page) { animation: page-rise .55s cubic-bezier(.2,.7,.2,1) .38s both; }
@media (max-width: 760px) { html:not(.rfoot-old):not(#x):not(#y) body > main.results-page { padding-bottom: 16px !important; } html:not(.rfoot-old):not(#x) main.results-page :is(.impact, .impact-grid) { padding-bottom: 0 !important; } }
@media (max-width: 760px) {
  html:not(.aload-old):not(#x) .ab-info.abi-car { transition: opacity .6s ease .3s, translate .8s cubic-bezier(.2,.7,.2,1) .3s; }
  html:not(.aload-old):not(#x) .ab-info.abi-car:not(.is-in) { opacity: 0; translate: 0 18px; }
}
@media (max-width: 640px) { html:not(.cphone-low):not(.cphonefade-off) .summit-stage.summit-foot.is-foot { -webkit-mask-image: linear-gradient(180deg, transparent 38%, rgb(0 0 0 / .45) 47%, #000 58%) !important; mask-image: linear-gradient(180deg, transparent 38%, rgb(0 0 0 / .45) 47%, #000 58%) !important; } }
html:not(.cbtn-old) .contact-details .contact-primary, html:not(.cbtn-old) .contact-details .contact-actions { width: 100%; max-width: none; } html:not(.cbtn-old) .contact-details .contact-email { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; max-width: none; }
@media (max-width: 700px) {   }
@media (prefers-reduced-motion: no-preference) and (max-width: 700px) { html.phone-wait .single-demo .demo-phone { animation-play-state: paused !important; } }
html.on-work:not(.avatar-photo):not([data-mark]):not(.peak-top) body>.nav .identity img.identity-avatar { width: 104.5px !important; }
@media (min-width: 761px) and (max-width: 1100px) { html.on-work:not(.peakfit-off):not(.avatar-photo):not([data-mark]):not(.peak-top) body>.nav .identity img.identity-avatar { width: 80.7px !important; } }
@media (max-width: 700px) { html.on-work:not(.avatar-photo):not([data-mark]):not(.peak-top) body>.nav .identity img.identity-avatar { width: 99px !important; }  }
@media (max-width: 700px) { html.on-work:not(.phonemark-big):not(.avatar-photo):not([data-mark]):not(.peak-top) body>.nav .identity img.identity-avatar { height: 30px; width: 55px !important; margin-left: -6px; align-self: center; } html.on-work:not(.phonemark-big):not(.avatar-photo):not([data-mark]):not(.peak-top) body>.nav .identity .identity-name { margin-left: 2px; } }
html.page-in:not(.vt-fly):not(.mtn-over)::view-transition-group(page) { z-index: 1; } html.page-in:not(.vt-fly):not(.mtn-over)::view-transition-group(site-nav) { z-index: 2; }
html.is-night[data-closesep=b]:not([data-closeband=old]):not(.nightgap-old):not(#x) .about-page .ab-route { padding-bottom: clamp(16px, 2vw, 32px) !important; }
html.on-work:not(.peaksize-old):not(.avatar-photo):not([data-mark]):not(.peak-top):not(#x) body>.nav .identity img.identity-avatar { width: 90px !important; height: 49px; align-self: flex-end; } html.on-work:not(.peaksize-old):not(.avatar-photo):not([data-mark]):not(.peak-top):not(#x) body>.nav .identity .identity-name { margin-left: -12.5px; } @media (min-width: 761px) and (max-width: 1100px) { html.on-work:not(.peaksize-old):not(.peakfit-off):not(.avatar-photo):not([data-mark]):not(.peak-top):not(#x) body>.nav .identity img.identity-avatar { width: 69.5px !important; height: 37.9px; } } @media (max-width: 700px) { html.on-work:not(.peaksize-old):not(.phonemark-big):not(.avatar-photo):not([data-mark]):not(.peak-top):not(#x) body>.nav .identity img.identity-avatar { height: 26px; width: 47.7px !important; align-self: center; } html.on-work:not(.peaksize-old):not(.phonemark-big):not(.avatar-photo):not([data-mark]):not(.peak-top):not(#x) body>.nav .identity .identity-name { margin-left: -4px; } }
html.abi-moving .ab-info .abi-face { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.route-line .route-stream { display: none; } html.route-line .route-stops::before { content: ""; position: absolute; left: var(--lx, 0); top: var(--ly, 0); width: var(--lw, 0); height: var(--lh, 0); border-radius: 1px; background: linear-gradient(var(--ldir, 90deg), rgb(172 43 108 / .2), rgb(172 43 108 / .5) 70%, var(--accent)); pointer-events: none; } html.route-line .route-node { z-index: 1; }
html.route-line:not(.years-below) .route-era small { position: absolute; top: calc(var(--band) / 2 - 38px); left: 0; margin: 0; font-size: .95rem; font-weight: 600; letter-spacing: .02em; text-transform: none; white-space: nowrap; }  @media (max-width: 900px) { html.route-line:not(.years-below) .route-era { display: flex; flex-direction: column-reverse; align-items: flex-start; } html.route-line:not(.years-below) .route-era small { position: static; margin: 0 0 4px; } }
@media (min-width: 901px) { html.route-line:not(.years-below):not(.era-below) .route-stop { padding-top: calc(var(--band) / 2 + 24px); } html.route-line:not(.years-below):not(.era-below) .route-era { position: absolute; top: calc(var(--band) / 2 - 24px); left: 0; translate: 0 -100%; margin: 0; } html.route-line:not(.years-below):not(.era-below) .route-era small { position: static; display: block; margin: 4px 0 0; } }
html:not(.route-para) .route-stop .route-copy { display: none; } .route-points { display: none; } html:not(.route-para) .route-stop .route-points { display: block; max-width: 36ch; margin: 0; padding: 0; list-style: none; font-size: .98rem; line-height: 1.5; } html:not(.route-para) .route-points li { position: relative; margin: 0 0 8px; padding-left: 16px; } html:not(.route-para) .route-points li::before { content: ""; position: absolute; left: 1px; top: .62em; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); opacity: .55; } html.about-tod .about-page .ab-route .route-points { color: rgb(205 204 201); }
html.page-in.tone-flip:not(.tonesteps-off):not(.tonerise):not(#x)::view-transition-new(page) { animation: vt-got .45s cubic-bezier(.4,0,.2,1) .2s both; } html.page-in.tone-flip:not(.tonesteps-off):not(.tonerise):not(#x)::view-transition-old(root), html.page-in.tone-flip:not(.tonesteps-off):not(.tonerise):not(#x)::view-transition-new(root) { animation-duration: .5s; animation-delay: 0s; }
 html.route-line:not(.node-old):not(#x) .route-stop:hover .route-node { box-shadow: 0 0 0 5px rgb(172 43 108 / .14); }
@media (min-width: 901px) { html.route-line:not(.route-cols):not(#x) .route-stops { grid-template-columns: 1fr; row-gap: 56px; max-width: 1000px; } html.route-line:not(.route-cols):not(#x) .route-stop { display: grid; grid-template-columns: 200px minmax(0, 1fr); column-gap: 72px; padding: 0; } html.route-line:not(.route-cols):not(#x) .route-era { position: static; translate: none; grid-column: 1; grid-row: 1 / span 3; display: flex; flex-direction: column-reverse; justify-content: flex-end; align-items: flex-end; text-align: right; margin: 0; } html.route-line:not(.route-cols):not(#x) .route-era small { position: static; margin: 0 0 6px; font-size: 1.25rem; letter-spacing: 0; } html.route-line:not(.route-cols):not(#x) .route-node { top: 10px; left: calc(200px + 36px); margin: 0 0 0 -6.5px; } html.route-line:not(.route-cols):not(#x) .route-stop > :is(h3, .route-copy, .route-points) { grid-column: 2; } html.route-line:not(.route-cols):not(#x) .route-stop .route-points { max-width: 60ch; } }
@media (min-width: 901px) { html.route-rows:not(.route-cols):not(#x):not(#y) .route-stops { max-width: none; row-gap: 0; } html.route-rows:not(.route-cols):not(#x):not(#y) .route-stops::before { display: none; } html.route-rows:not(.route-cols):not(#x):not(#y) .route-node { display: none; } html.route-rows:not(.route-cols):not(#x):not(#y) .route-stop { grid-template-columns: 180px minmax(0, 1fr) minmax(0, 1.25fr); column-gap: clamp(32px, 4vw, 72px); grid-template-rows: auto 1fr; padding: 32px 0 36px; border-top: 1px solid var(--line); max-width: none; } html.route-rows:not(.route-cols):not(#x):not(#y) .route-era { grid-column: 1; grid-row: 1 / span 2; align-items: flex-start; text-align: left; } html.route-rows:not(.route-cols):not(#x):not(#y) .route-era small { font-size: clamp(1.5rem, 2vw, 1.9rem); font-weight: 600; letter-spacing: -.01em; color: var(--accent); margin: 0 0 8px; } html.route-rows:not(.route-cols):not(#x):not(#y) .route-stop > h3 { grid-column: 2; grid-row: 1 / span 2; margin: 2px 0 0; font-size: clamp(1.5rem, 2vw, 1.9rem); } html.route-rows:not(.route-cols):not(#x):not(#y) .route-stop > :is(.route-copy, .route-points) { grid-column: 3; grid-row: 1 / span 2; max-width: none; margin-top: 4px; }  html.about-tod.route-rows .route-stop { border-color: rgb(255 255 255 / .12) !important; } }
html:not([data-closeline=on]):not(#x):not(#y) .about-page .ab-close::after { display: none !important; }
@media (min-width: 901px) {
  html.route-pinned:not(#x):not(#y) .ab-route { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); column-gap: clamp(40px, 5vw, 96px); align-items: start; } html.route-pinned:not(#x):not(#y) .ab-route > .about-section-head { position: sticky; top: 120px; } html.route-pinned:not(#x):not(#y) .route-stop { grid-template-columns: 150px minmax(0, 1fr); } html.route-pinned:not(#x):not(#y) .route-stop > h3 { grid-column: 2; grid-row: 1; } html.route-pinned:not(#x):not(#y) .route-stop > .route-points { grid-column: 2; grid-row: 2; margin-top: 12px; } html.route-pinned:not(#x):not(#y) .route-stops { padding-top: 6px; }
         }
@media (min-width: 901px) { html.route-pinned:not(.route-cols):not(#x):not(#y):not(#z) .route-stop { grid-template-columns: 190px minmax(0, 1fr); } html.route-pinned:not(.route-cols):not(#x):not(#y):not(#z) .route-stop > h3 { grid-column: 2; grid-row: 1; text-wrap: balance; } html.route-pinned:not(.route-cols):not(#x):not(#y):not(#z) .route-stop > :is(.route-points, .route-copy) { grid-column: 2; grid-row: 2; margin-top: 14px; } html.route-pinned:not(.route-cols):not(#x):not(#y):not(#z) .route-era small { font-size: clamp(2rem, 2.6vw, 2.5rem) !important; letter-spacing: -.02em; line-height: 1.05; } }
.stratum-line > .stratum-hint { grid-area: 2 / 1; display: block; margin-top: 14px; font-size: 12px; font-weight: 400; line-height: 1.4; letter-spacing: 0; color: var(--muted); }
@media (min-width: 641px) {  } @keyframes tip-in { from { transform: translateY(46px) scale(.93); opacity: 0; } 55% { opacity: 1; } }
html.from-work .hero-words>.eyebrow { animation-delay: .08s; }
html.from-work .hero-words .career-title .hw>span { animation-delay: .14s; }
html.from-work .hero-words .career-title .hw+.hw>span { animation-delay: .2s; }
html.from-work .hero-words>p:not(.eyebrow) { animation-delay: .28s; }
html.from-work .hero-words>.strata-cue { animation-delay: .34s; }
html.from-work .hero-words>:is(.eyebrow,p,.strata-cue), html.from-work .hero-words .career-title .hw>span { animation-duration: 900ms; }
html:is(.vt-out, .vt-fly) body>.nav { view-transition-name: site-nav; }
html:is(.vt-out, .vt-fly) main { view-transition-name: page; }
html.vt-page body>.nav, html.page-in body>.nav { view-transition-name: site-nav; }
html.vt-page main, html.page-in main { view-transition-name: page; }
html.vt-page.vt-deep :is(main, .mountain-stage, .summit-stage) { view-transition-name: none; }
@media (prefers-reduced-motion: no-preference) {
html.no-vt:not(.lite-motion) main { animation: page-rise .4s cubic-bezier(.2,.7,.2,1) backwards; }
}
html.vt-proj-leave body>footer { view-transition-name: proj-foot; }
html.vt-out .strata { view-transition-name: strata-out; }
html.vt-out .results-page .impact-grid { view-transition-name: cards-out; }
html.vt-out .results-page .impact .section-heading { view-transition-name: head-out; }
html.vt-home body>.nav { view-transition-name: site-nav; }
html.vt-home:not(.home-v1) main { view-transition-name: page; }
html.vt-work body>.nav { view-transition-name: site-nav; }
html.work-in body>.nav { view-transition-name: site-nav; }
html.work-in.from-work .mountain-stage { opacity: 0; }
html.work-in.from-work.work-go .mountain-stage { opacity: 1; animation: work-out-of-light .8s cubic-bezier(.2,.7,.2,1) both; transform-origin: 62% 32%; }
html.summit-fly.impact-live[data-cards=k4d] .impact-grid.is-dealt { animation: k4d-cam 1.8s cubic-bezier(.2,.7,.1,1) .37s both; }
html.summit-fly.impact-live[data-cards=k4d] .impact-grid.is-dealt::after { animation-delay: 1.5s; }
html.flown.summit-fly .results-page .impact .section-heading::before { animation-delay: 0.307s; }
html.flown.summit-fly #impact-title { animation-delay: .16s; }
html.flown.summit-fly .impact-sub { animation-delay: .22s; }
html.flown.summit-fly.impact-live[data-cards=k4d] .impact-grid.is-dealt { animation-duration: 0.675s; animation-delay: 0.24s; }
html.flown.summit-fly.impact-live[data-cards=k4d] .impact-grid > .impact-card.is-in:nth-child(n) { --gd: calc(0.547s + var(--i) * 0.019s); animation-delay: calc(0.262s + var(--i) * 0.019s); }
html.flown.summit-fly.impact-live[data-cards=k4d] .impact-grid.is-dealt::after { animation-delay: 0.675s; }
html.flown[data-tod=night] body:has(.results-page)::before { content: ''; position: fixed; inset: 0; z-index: -4; pointer-events: none;
  background: linear-gradient(180deg, #080a24 0%, #121540 30%, #22205a 56%, #4e4d48 80%, #615f59 100%) 0 0 / 100% 110vh no-repeat, #615f59;
  animation: summit-unveil .68s cubic-bezier(.4,0,.2,1) .51s forwards; }
html.flown.night-early:has(.mountain-stage) { background: linear-gradient(180deg, #080a24 0%, #121540 30%, #22205a 56%, #4e4d48 80%, #615f59 100%) 0 0 / 100% 110vh no-repeat fixed, #615f59; }
html.flown.summit-fly .impact-kicker { animation-delay: .1s; }
@media (prefers-reduced-motion: no-preference) {
html:not(.tapout-0):is(.vt-page, .vt-home, .vt-work) main { opacity: .45; translate: 0 -10px; transition: opacity .28s cubic-bezier(.3,0,.2,1), translate .28s cubic-bezier(.3,0,.2,1); }
}
html.flown.night-early:not(.sky-purple):has(.mountain-stage) { background: var(--night-sky) 0 0 / 100% 110vh no-repeat fixed, var(--night-foot); }
html.flown[data-tod=night]:not(.sky-purple) body:has(.results-page)::before { background: var(--night-sky) 0 0 / 100% 110vh no-repeat, var(--night-foot); }
html.layers-whole #strata, html.layers-whole .strata-ground { animation: layers-whole .9s cubic-bezier(.4,0,.2,1) .55s backwards; }
html:is(.vt-out, .vt-fly, .vt-page, .page-in, .vt-work, .work-in, .vt-home) .experience-page main .exp-close { box-shadow: none !important; clip-path: none !important; }
html:is(.vt-out, .vt-fly, .vt-page, .page-in, .vt-work, .work-in, .vt-home) .experience-page main .exp-close .close-edge { left: 0 !important; width: 100% !important; }
html.menu-in *:not(body>.nav), html.menu-in *::before { view-transition-name: none !important; }
html.menu-in body>.nav { view-transition-name: site-nav !important; }
@media (min-width: 641px) {
html.tip-in .summit-stage.summit-tip { animation: tip-in 1s cubic-bezier(.2,.7,.2,1) .08s both; transform-origin: 70% 62%; }
}
html.res-moving:not(#x):not(#y):not(#z):not(#w):not(#v) body .results-page .impact-card.impact-card.impact-card.impact-card { -webkit-backdrop-filter: blur(9px) saturate(1.35) !important; backdrop-filter: blur(9px) saturate(1.35) !important; } html.res-moving.resblur-snap:not(#x):not(#y):not(#z):not(#w):not(#v) body .results-page .impact-card.impact-card.impact-card.impact-card { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
@media (min-width: 901px) { html.route-pinned:not(.abroute-old):not(#x):not(#y):not(#z) .ab-route { padding-top: 93px !important; } html.route-pinned:not(.abroute-old):not(#x):not(#y):not(#z) .route-stops { padding-top: 0; } }
html:not(.routekick-on) .ab-route .about-section-head .about-kicker { display: none !important; }
html[data-tod=night]:not(.routecolor-old):not(#x):not(#y) body .about-page .ab-route .route-stop .route-era { color: rgb(205 204 201) !important; } html[data-tod=night]:not(.routecolor-old):not(#x):not(#y) body .about-page .ab-route .route-stop .route-era small { color: rgb(255 159 205) !important; }
@media (min-width: 901px) { html.peak-right:not(.peakx-old) .summit-stage:not(.summit-tip) { --mx: 76vw; } }
@media (max-width: 900px) { html.route-line:not(.narrowline):not(#x):not(#y) .route-stops::before, html.route-line:not(.narrowline):not(#x):not(#y) .route-node { display: none; } html.route-line:not(.narrowline):not(#x):not(#y) .route-stops { gap: 0; } html.route-line:not(.narrowline):not(#x):not(#y) .route-stop { padding: 26px 0 30px; border-top: 1px solid var(--line); } html.about-tod.route-line:not(.narrowline):not(#x):not(#y) .route-stop { border-top-color: rgb(255 255 255 / .12); } html.route-line:not(.narrowline):not(#x):not(#y) .route-era small { font-size: 1.35rem; letter-spacing: -.01em; } }
@media (min-width: 901px) { html.route-pinned:not(.routegrid-old):not(#a):not(#b):not(#c):not(#d) .ab-route { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: clamp(28px, 4vw, 56px); } html.route-pinned:not(.routegrid-old):not(#a):not(#b):not(#c):not(#d) .ab-route > .route-flow { grid-column: 2 / span 2; } html.route-pinned:not(.routegrid-old):not(#a):not(#b):not(#c):not(#d) .route-stop { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(28px, 4vw, 56px); } html.route-pinned:not(.routegrid-old):not(#a):not(#b):not(#c):not(#d) #route-title { font-size: clamp(2.1rem, 3.05vw, 4.7rem) !important; } }
html.page-in.tone-flip:has(main.inspo-page):not(.inspogray):not(#x):not(#y)::view-transition { background: #10100f; } html.page-in.tone-flip:has(main.inspo-page):not(.inspogray):not(#x):not(#y)::view-transition-old(root), html.page-in.tone-flip:has(main.inspo-page):not(.inspogray):not(#x):not(#y)::view-transition-old(page), html.page-in.tone-flip:has(main.inspo-page):not(.inspogray):not(#x):not(#y)::view-transition-old(site-nav) { animation: vt-gone .32s cubic-bezier(.4,0,1,1) both !important; mix-blend-mode: normal !important; } html.page-in.tone-flip:has(main.inspo-page):not(.inspogray):not(#x):not(#y)::view-transition-new(root), html.page-in.tone-flip:has(main.inspo-page):not(.inspogray):not(#x):not(#y)::view-transition-new(page), html.page-in.tone-flip:has(main.inspo-page):not(.inspogray):not(#x):not(#y)::view-transition-new(site-nav) { animation: vt-got .45s cubic-bezier(0,0,.2,1) .22s both !important; mix-blend-mode: normal !important; }
.single-demo .demo-tablet { position: absolute; z-index: 0; margin: 0; pointer-events: none; transform-style: preserve-3d; width: clamp(500px, 62vh, 600px); left: 50%; top: 40px; will-change: transform;
  transform: translateX(-74%) translateY(var(--phone-rise, 0px)) rotateX(var(--phone-x, -7deg)) rotateY(var(--phone-y, -20deg)) rotateZ(calc(var(--phone-z, 15deg) * .55)) translateZ(-60px); }
.single-demo .demo-tablet .device-shell { position: relative; transform-style: preserve-3d; border-radius: 5.2% / 7%; padding: 3.1%; background: #0b0b0d; box-shadow: inset 0 0 0 1px #3a3a40; overflow: visible; }
.single-demo .demo-tablet .device-screen { border-radius: 2.2% / 3%; overflow: hidden; transform: translateZ(.3px); backface-visibility: hidden; background: #0d2340; }
.single-demo .demo-tablet .device-screen img { display: block; width: 100%; height: auto; }
.single-demo .demo-tablet:not(.demo-display) .device-screen img { aspect-ratio: auto 1448 / 1056; }
.single-demo .demo-tablet .device-depth { background: linear-gradient(115deg, #a9adb3 0%, #6d7176 18%, hsl(210 4% calc(var(--edge-light) + 30%)) 48%, #55595e 78%, #8d9196 100%); }
.single-demo .demo-tablet .device-rear { background: linear-gradient(130deg, #b8bcc1, #8a8e93); }
.single-demo .demo-phone { z-index: 1; }
@media (prefers-reduced-motion: no-preference) {
  .single-demo .demo-tablet { animation: phone-arrival 2100ms cubic-bezier(.22, .68, .16, 1) 140ms both, phone-arrival-bank 2300ms cubic-bezier(.22, .8, .25, 1) 140ms both; }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 700px) {
  html:not(.hero-slow) .single-demo .demo-tablet { animation-duration: 950ms, 1050ms; animation-delay: 80ms, 80ms; }
}
@media (max-width: 900px) { .single-demo .demo-tablet { width: 480px; top: 30px; } }
@media (max-width: 560px) { .single-demo .demo-tablet { width: 290px; top: 4px; transform: translateX(-70%) translateY(var(--phone-rise, 0px)) rotateX(var(--phone-x, -7deg)) rotateY(var(--phone-y, -20deg)) rotateZ(calc(var(--phone-z, 15deg) * .55)) translateZ(-50px); } }
html.intro-hold .single-demo .demo-tablet { animation-play-state: paused; }
html.dev-cycle .single-demo .demo-tablet { width: clamp(430px, 52vh, 500px); top: 70px; transform: translateX(-50%) translateY(var(--phone-rise, 0px)) rotateX(var(--phone-x, -7deg)) rotateY(var(--phone-y, -20deg)) rotateZ(calc(var(--phone-z, 15deg) * .55)); }
html.dev-cycle .single-demo :is(.demo-phone, .demo-tablet) { transition: opacity .7s ease, rotate 1.1s cubic-bezier(.22, 1, .36, 1), scale 1.1s cubic-bezier(.22, 1, .36, 1); }
html.dev-cycle .single-demo :is(.demo-phone, .demo-tablet).is-away { opacity: 0; rotate: y 80deg; scale: .92; pointer-events: none; animation: none !important; }
@media (max-width: 900px) { html.dev-cycle .single-demo .demo-tablet { width: 400px; top: 50px; } }
@media (max-width: 560px) { html.dev-cycle .single-demo .demo-tablet { width: 272px; top: 34px; transform: translateX(-50%) translateY(var(--phone-rise, 0px)) rotateX(var(--phone-x, -7deg)) rotateY(var(--phone-y, -20deg)) rotateZ(calc(var(--phone-z, 15deg) * .55)); } }
html.dev-cycle .single-demo.show-ipad .phone-project-note { opacity: 0 !important; visibility: hidden !important; }
html.dev-cycle .single-demo .hero-blueprint { transition: opacity .8s ease; }
html.dev-cycle .single-demo.show-ipad .hero-blueprint { opacity: 0 !important; }
.single-demo .demo-phone2 { position: absolute; margin: 0; z-index: 0; pointer-events: none; transform-style: preserve-3d; left: 50%; top: 12px; width: clamp(185px, 23vh, 215px); will-change: transform;
  transform: translateX(-50%) translateY(var(--phone-rise, 0px)) rotateX(var(--phone-x, -7deg)) rotateY(var(--phone-y, -20deg)) rotateZ(var(--phone-z, 15deg)); }
.single-demo .demo-phone2 .device-shell { position: relative; transform-style: preserve-3d; border-radius: 18.5% / 8.95%; padding: 4.2%; background: #0b0b0d; box-shadow: inset 0 0 0 1.2px #45454c; overflow: visible; }
.single-demo .demo-phone2 .device-screen { position: relative; border-radius: 14.5% / 6.8%; overflow: hidden; transform: translateZ(.3px); backface-visibility: hidden; background: #000; padding-top: 9%; }
.single-demo .demo-phone2 .device-screen img { display: block; width: 100%; height: auto; }
.single-demo .demo-phone2 .island { position: absolute; top: 2.2%; left: 50%; width: 32%; height: 3.3%; translate: -50% 0; border-radius: 99px; background: #000; z-index: 1; }
html.dev-cycle .single-demo .demo-phone2 { transition: opacity .7s ease, rotate 1.1s cubic-bezier(.22, 1, .36, 1), scale 1.1s cubic-bezier(.22, 1, .36, 1); }
html.dev-cycle .single-demo .demo-phone2.is-away { opacity: 0; rotate: y 80deg; scale: .92; }
@media (max-width: 900px) { .single-demo .demo-phone2 { width: 185px; } }
@media (max-width: 560px) { .single-demo .demo-phone2 { width: 112px; top: 8px; } }
.single-demo .demo-tablet .device-screen { position: relative; }
.single-demo .demo-tablet .device-screen .scr-b { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .5s cubic-bezier(.45, 0, .25, 1); }
html.carouselfade-old .single-demo .demo-tablet:not(.is-away) .device-screen .scr-b { transition-duration: 1.1s; }
.single-demo .demo-tablet.scr-2 .device-screen .scr-b { opacity: 1; }
html.dev-cycle .single-demo :is(.demo-tablet, .demo-phone2):not(.is-away) { pointer-events: auto; cursor: grab; touch-action: pan-y; }
html.dev-cycle .single-demo :is(.demo-tablet, .demo-phone2).is-dragging { cursor: grabbing; }
html.dev-swing .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2) { transition: none !important; }
html.dev-swing .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-away { opacity: 0 !important; visibility: hidden; pointer-events: none; rotate: none; scale: none; animation: none !important; }
html.dev-swing .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { z-index: 0 !important; animation: dev-out .85s cubic-bezier(.55, 0, .8, .25) both !important; pointer-events: none; }
html.dev-swing .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { z-index: 2 !important; animation: dev-in 1.25s cubic-bezier(.16, 1, .3, 1) .38s both !important; }
@keyframes dev-out { 0% { rotate: y 0deg; translate: 0 0 0; opacity: 1; } 40% { opacity: 1; } 100% { rotate: y -92deg; translate: 0 10px -140px; opacity: 0; } }
@keyframes dev-in { 0% { rotate: y 92deg; translate: 0 10px -140px; opacity: 0; } 18% { opacity: 1; } 100% { rotate: y 0deg; translate: 0 0 0; opacity: 1; } }
html:not([data-phonenote]) .single-demo .phone-project-note { display: none !important; }
@media (min-width: 901px) { html.dev-cycle:not([data-devleft]) .single-demo :is(.demo-phone-back, .demo-phone-back:hover, .demo-tablet, .demo-phone2) { left: 42%; } }
html:not([data-noteold]) #work .work-note { display: none !important; }
html[data-noteold] #more .work-note { display: none !important; }
html.dev-cycle:not([data-ipadflat]) .single-demo .demo-tablet { width: clamp(400px, 48vh, 460px); top: 56px;
  transform: translateX(-50%) translateY(calc(var(--phone-rise, 0px) * .5)) rotateX(calc(var(--phone-x, -7deg) * .5)) rotateY(calc(var(--phone-y, -20deg) * .5)) rotateZ(calc(var(--phone-z, 15deg) * .25)); }
@media (max-width: 900px) { html.dev-cycle:not([data-ipadflat]) .single-demo .demo-tablet { width: 380px; top: 46px; } }
@media (max-width: 560px) { html.dev-cycle:not([data-ipadflat]) .single-demo .demo-tablet { width: 272px; top: 40px; } }
html.dev-swing:not([data-devturn2]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation: dev-out2 1.2s cubic-bezier(.45, 0, .55, 1) both !important; }
html.dev-swing:not([data-devturn2]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { animation: dev-in2 1.6s cubic-bezier(.22, 1, .36, 1) .32s both !important; }
@keyframes dev-out2 { 0% { rotate: y 0deg; translate: 0 0 0; opacity: 1; } 30% { opacity: 1; } 100% { rotate: y -55deg; translate: -20px 6px -90px; opacity: 0; } }
@keyframes dev-in2 { 0% { rotate: y 55deg; translate: 20px 6px -90px; opacity: 0; } 35% { opacity: 1; } 100% { rotate: y 0deg; translate: 0 0 0; opacity: 1; } }
@media (prefers-reduced-motion: no-preference) {
  html.dev-cycle:not([data-devfloat]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2):not(.is-away) > .device-shell { animation: dev-float 7s ease-in-out infinite; }
  html.dev-cycle:not([data-devfloat]) .single-demo .demo-tablet > .device-shell { animation-delay: -2.3s; }
  html.dev-cycle:not([data-devfloat]) .single-demo .demo-phone2 > .device-shell { animation-delay: -4.6s; }
  html.dev-cycle:not([data-devfloat]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-dragging > .device-shell { animation-play-state: paused; }
}
@keyframes dev-float { 0%, 100% { translate: 0 0 0; rotate: z 0deg; } 50% { translate: 0 -6px 0; rotate: z -1deg; } }
html:not([data-devreal]) .single-demo .demo-phone2 .device-shell { aspect-ratio: 71.6 / 147.6; padding: 0 !important; }
html:not([data-devreal]) .single-demo .demo-phone2 .device-screen { position: absolute !important; inset: 3.3% 3.6%; width: auto !important; height: auto !important; padding: 0 !important; border-radius: 13% / 6.2%; background: #000; }
html:not([data-devreal]) .single-demo .demo-phone2 .device-screen img { position: absolute; inset: 6.5% 0 0 0; width: 100%; height: 93.5% !important; object-fit: cover; object-position: 50% 0; }
html:not([data-devreal]) .single-demo .demo-phone2 .island { top: 1.6%; width: 31%; height: 3.4%; z-index: 2; }
html:not([data-devreal]) .single-demo .demo-tablet .device-shell { box-shadow: inset 0 0 0 1px #3a3a40, inset 0 0 0 2.5px #8d9196; }
html:not([data-devreal]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2) .device-screen::after { content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none; border-radius: inherit;
  background: linear-gradient(118deg, rgb(255 255 255 / .1) 0%, rgb(255 255 255 / .04) 28%, rgb(255 255 255 / 0) 42%, rgb(255 255 255 / 0) 100%); }
html.dev-swing.dev-rev:not([data-devturn2]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation-name: dev-out2r !important; }
html.dev-swing.dev-rev:not([data-devturn2]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { animation-name: dev-in2r !important; }
@keyframes dev-out2r { 0% { rotate: y 0deg; translate: 0 0 0; opacity: 1; } 30% { opacity: 1; } 100% { rotate: y 55deg; translate: 20px 6px -90px; opacity: 0; } }
@keyframes dev-in2r { 0% { rotate: y -55deg; translate: -20px 6px -90px; opacity: 0; } 35% { opacity: 1; } 100% { rotate: y 0deg; translate: 0 0 0; opacity: 1; } }
html.dev-cycle:not([data-ipadflat]):not([data-devangle]) .single-demo .demo-tablet { transform: translateX(-50%) translateY(calc(var(--phone-rise, 0px) * .5)) rotateX(var(--phone-x, -3deg)) rotateY(var(--phone-y, -8deg)) rotateZ(calc(var(--phone-z, 6deg) * .6)); }
html.dev-swing:not([data-devturn2]):not([data-devslide]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation: dev-out3 1.1s cubic-bezier(.55, 0, .7, .4) both !important; }
html.dev-swing:not([data-devturn2]):not([data-devslide]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { animation: dev-in3 1.7s cubic-bezier(.2, .9, .25, 1) .15s both !important; }
html.dev-swing.dev-rev:not([data-devturn2]):not([data-devslide]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation-name: dev-out3r !important; }
html.dev-swing.dev-rev:not([data-devturn2]):not([data-devslide]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { animation-name: dev-in3r !important; }
@keyframes dev-out3 { 0% { translate: 0 0 0; rotate: y 0deg; opacity: 1; } 35% { opacity: 1; } 100% { translate: -26vw 0 -160px; rotate: y -45deg; opacity: 0; } }
@keyframes dev-in3 { 0% { translate: 62vw 0 -60px; rotate: y 55deg; opacity: 1; } 100% { translate: 0 0 0; rotate: y 0deg; opacity: 1; } }
@keyframes dev-out3r { 0% { translate: 0 0 0; rotate: y 0deg; opacity: 1; } 35% { opacity: 1; } 100% { translate: 40vw 0 -160px; rotate: y 45deg; opacity: 0; } }
@keyframes dev-in3r { 0% { translate: -30vw 0 -60px; rotate: y -55deg; opacity: 0; } 30% { opacity: 1; } 100% { translate: 0 0 0; rotate: y 0deg; opacity: 1; } }
.single-demo .demo-tablet2 .device-screen .scr-n { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1.1s cubic-bezier(.45, 0, .25, 1); }
.single-demo .demo-tablet2[data-s="1"] .device-screen .scr-1, .single-demo .demo-tablet2[data-s="2"] .device-screen :is(.scr-1, .scr-2) { opacity: 1; }
html.dev-cycle .single-demo .demo-tablet.demo-display { width: clamp(470px, 58vh, 560px); top: 30px; }
.single-demo .demo-display .device-shell { padding: 2.6% !important; border-radius: 1.6% / 2.8% !important; background: #0a0a0c !important; box-shadow: inset 0 0 0 1px #2c2c30, inset 0 0 0 3px #c9ccd1 !important; }
.single-demo .demo-display .device-screen { border-radius: .6% / 1% !important; aspect-ratio: 16 / 9; }
.single-demo .demo-display .device-screen img { width: 100%; height: 100%; object-fit: cover; }
.single-demo .demo-display .device-depth { background: linear-gradient(115deg, #c3c6cb 0%, #8f9398 22%, hsl(210 6% calc(var(--edge-light) + 40%)) 50%, #7a7e83 78%, #b4b7bc 100%) !important; border-radius: 1.6% / 2.8%; }
.single-demo .demo-display .display-neck { position: absolute; left: 50%; top: 62%; width: 24%; height: 58%; translate: -50% 0; transform: translateZ(calc(-1 * var(--device-depth, 18px) - 14px)); transform-origin: 50% 0; border-radius: 0 0 6px 6px; background: linear-gradient(90deg, #a9adb2, #e3e5e8 45%, #b9bcc1 70%, #9a9ea3); box-shadow: inset 0 -1px 0 rgb(0 0 0 / .1); pointer-events: none; }
.single-demo .demo-display .display-foot { position: absolute; left: 50%; top: 118%; width: 32%; height: 7%; translate: -50% 0; transform: translateZ(calc(-1 * var(--device-depth, 18px) - 30px)) rotateX(70deg); border-radius: 8px; background: linear-gradient(180deg, #e4e6e9, #b3b7bc); box-shadow: 0 18px 24px -12px rgb(20 22 21 / .35); pointer-events: none; }
@media (max-width: 900px) { html.dev-cycle .single-demo .demo-tablet.demo-display { width: 430px; top: 24px; } }
@media (max-width: 560px) { html.dev-cycle .single-demo .demo-tablet.demo-display { width: 300px; top: 30px; } }
html:not([data-dispbase]) .single-demo .demo-display .display-neck { -webkit-mask-image: linear-gradient(180deg, #000 52%, transparent 74%); mask-image: linear-gradient(180deg, #000 52%, transparent 74%); }
html:not([data-dispbase]) .single-demo .demo-display .display-foot { display: none; }
.case-image.reel-fill > .photo-reel { height: 100%; aspect-ratio: auto; object-fit: contain; object-position: 50% 0; background: #fff; }
html.dev-swing:not([data-phonesize]) .single-demo :is(.demo-phone-back, .demo-phone2):not(.is-away) { scale: .88; }
html:not([data-dispbase]):not([data-standfade]) .single-demo .demo-display .display-neck { height: 74%; -webkit-mask-image: linear-gradient(180deg, #000 52%, rgb(0 0 0 / .55) 72%, transparent 100%); mask-image: linear-gradient(180deg, #000 52%, rgb(0 0 0 / .55) 72%, transparent 100%); }
@property --dev-o { syntax: '<number>'; inherits: true; initial-value: 1; }
@keyframes dev-out3d { 0% { translate: 0 0 0; rotate: y 0deg; --dev-o: 1; } 35% { --dev-o: 1; } 100% { translate: -26vw 0 -160px; rotate: y -45deg; --dev-o: 0; } }
@keyframes dev-out3dr { 0% { translate: 0 0 0; rotate: y 0deg; --dev-o: 1; } 35% { --dev-o: 1; } 100% { translate: 40vw 0 -160px; rotate: y 45deg; --dev-o: 0; } }
@keyframes dev-in3dr { 0% { translate: -30vw 0 -60px; rotate: y -55deg; --dev-o: 0; } 30% { --dev-o: 1; } 100% { translate: 0 0 0; rotate: y 0deg; --dev-o: 1; } }
html.dev-swing:not([data-devturn2]):not([data-devslide]):not([data-devflat]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation-name: dev-out3d !important; }
html.dev-swing.dev-rev:not([data-devturn2]):not([data-devslide]):not([data-devflat]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation-name: dev-out3dr !important; }
html.dev-swing.dev-rev:not([data-devturn2]):not([data-devslide]):not([data-devflat]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { animation-name: dev-in3dr !important; }
html.dev-swing:not([data-devflat]) .single-demo :is(.is-out, .is-in) :is(.device-depth, .device-screen, .display-neck, .phone-caption),
html.dev-swing:not([data-devflat]) .single-demo :is(.is-out, .is-in) > .device-shell::before { opacity: var(--dev-o, 1); }
html.dev-swing:not([data-devflat]) .single-demo :is(.is-out, .is-in) > .device-shell { background: transparent !important; box-shadow: none !important; }
html.dev-swing:not([data-devflat]) .single-demo :is(.is-out, .is-in) > .device-shell::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background: var(--shell-bg, transparent); box-shadow: var(--shell-ring, none); pointer-events: none; }
html:not([data-dispbase]):not([data-standcut]) .single-demo .demo-display .display-neck { height: 58%; -webkit-mask-image: none; mask-image: none; }
html:not([data-dispbase]):not([data-standcut]) .single-demo .demo-display .display-foot { display: block; }
html:not([data-cfwash]) .cf-card > .cf-splash { display: none; }
@media (max-width: 700px) {
  html:not([data-cfscrim]):not(#x) .flow-stage .cf-card::after { background: linear-gradient(0deg, rgb(17 16 15 / .95) 0%, rgb(17 16 15 / .9) 40%, rgb(17 16 15 / .66) 62%, rgb(17 16 15 / .24) 82%, rgb(17 16 15 / 0) 96%) !important; }
}
html.dev-swing:not([data-devturn2]):not([data-devslide]):not([data-devquick]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation-duration: .7s !important; }
@media (max-width: 560px) {
  html.dev-cycle:not([data-phonemid]):not(#x) .single-demo :is(.demo-tablet, .demo-phone2) { top: 0 !important; bottom: 0; height: fit-content; margin-block: auto; }
  html.dev-cycle:not([data-phonemid]):not(#x):not(#y) body .single-demo .demo-phone2 { width: clamp(100px, calc((100svh - 440px) * .5), 190px) !important; }
  html.dev-cycle:not([data-phonemid]):not(#x) .single-demo :is(.demo-phone-back, .demo-phone-back:hover, .demo-phone2) { margin-left: -12px; }
}
html:not([data-displaydev]) .single-demo .demo-display { --device-depth: 4px !important; }
html:not([data-displaydev]):not(#x) .single-demo .demo-display .device-shell { padding: 0 !important; border-radius: 14px !important; background: #fff !important; box-shadow: inset 0 0 0 1px rgb(38 38 36 / .08) !important; }
html:not([data-displaydev]):not(#x) .single-demo .demo-display .device-screen { border-radius: 14px !important; }
html:not([data-displaydev]):not(#x) .single-demo .demo-display .device-depth { background: linear-gradient(115deg, #ecebea, #cecdca 50%, #e1e1df) !important; border-radius: 14px; }
html:not([data-displaydev]):not(#x) .single-demo .demo-display :is(.display-neck, .display-foot) { display: none !important; }
html.dev-cycle:not([data-devswipe]) .single-demo :is(.demo-stage, .demo-phone-back) { touch-action: pan-y; }
html:not([data-displaydev]):not([data-patient]):not(#x) .single-demo .demo-display .device-shell { padding: 2.2% 2.2% 3.4% !important; border-radius: 3.2% / 5% !important; background: #0b0b0d !important; box-shadow: inset 0 0 0 1.5px #b3b6bb, inset 0 0 0 3px #1c1c1f !important; }
html:not([data-displaydev]):not([data-patient]):not(#x) .single-demo .demo-display .device-screen { border-radius: .5% / .9% !important; }
html:not([data-displaydev]):not([data-patient]):not(#x) .single-demo .demo-display .device-depth { background: linear-gradient(115deg, #cfd2d6, #9ea2a7 30%, hsl(210 6% calc(var(--edge-light) + 44%)) 55%, #a6aaaf) !important; border-radius: 3.2% / 5%; }
.single-demo .demo-display .mb-base { display: none; }
html:not([data-displaydev]):not([data-patient]) .single-demo .demo-display .mb-base { display: block; position: absolute; left: -7.5%; width: 115%; top: calc(100% - 3px); height: 80%; transform-origin: 50% 0; transform: rotateX(var(--mb-fold, -70deg)); border-radius: 0 0 2.4% 2.4% / 0 0 3.6% 3.6%; background: linear-gradient(180deg, #c9ccd1, #dfe1e4 40%, #cfd2d6); box-shadow: inset 0 -3px 0 #a7abb0, inset 0 1px 0 #8d9196; pointer-events: none; }
html:not([data-displaydev]):not([data-patient]) .single-demo .demo-display .mb-keys { position: absolute; left: 11%; right: 11%; top: 6%; height: 43%; border-radius: 1.4%; background: repeating-linear-gradient(90deg, #1d1e21 0 5.6%, #34363a 5.6% 6.4%), #1d1e21; box-shadow: inset 0 0 0 2px #b9bcc1; opacity: .92; }
html:not([data-displaydev]):not([data-patient]) .single-demo .demo-display .mb-pad { position: absolute; left: 34%; right: 34%; top: 55%; height: 36%; border-radius: 3% / 5%; background: linear-gradient(180deg, #d3d6da, #c4c7cc); box-shadow: inset 0 0 0 1px #aeb2b7; }
html:not([data-displaydev]):not([data-patient]) .single-demo .demo-display :is(.display-neck, .display-foot) { display: none !important; }
html.dev-swing:not([data-devflat]) .single-demo :is(.is-out, .is-in) .mb-base { opacity: var(--dev-o, 1); }
@media (max-width: 560px) { html.dev-cycle:not([data-displaydev]):not([data-patient]):not([data-phonemid]):not(#x):not(#y) .single-demo .demo-tablet.demo-display { width: 270px; bottom: var(--mb-lift, 64px); } }
html:not(#x):not(#y) .single-demo .demo-display.demo-esm .device-shell { padding: 1.6% 1.6% 1.6% !important; border-radius: 1.8% / 3.2% !important; background: #0a0a0c !important; box-shadow: inset 0 0 0 1.5px #b9bcc1, inset 0 0 0 3px #1a1a1d !important; }
html:not(#x):not(#y) .single-demo .demo-display.demo-esm .device-screen { aspect-ratio: 16 / 9; border-radius: .4% / .7% !important; background: #1e1e20; }
html:not(#x):not(#y) .single-demo .demo-display.demo-esm .device-screen :is(img, video) { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
html:not(#x):not(#y) .single-demo .demo-display.demo-esm .device-depth { border-radius: 1.8% / 3.2%; }
html:not(#x):not(#y) .single-demo .demo-display.demo-esm .display-neck { display: block !important; height: 40%; top: 70%; -webkit-mask-image: none; mask-image: none; }
html:not(#x):not(#y) .single-demo .demo-display.demo-esm .display-foot { display: block !important; top: 108%; }
html:not(.esmstand-old):not(#x):not(#y) .single-demo .demo-display.demo-esm .display-neck { top: 58%; width: 27%; height: 70%; border-radius: 0; transform-style: preserve-3d; transform-origin: 50% 0; transform: translateZ(calc(-1 * var(--device-depth, 18px) - 20px)) rotateX(-9deg); background: linear-gradient(90deg, #a3a7ac, #d6d9dc 18%, #e9ebed 50%, #d3d6d9 82%, #a0a4a9); box-shadow: inset 0 18px 16px -10px rgb(0 0 0 / .22); -webkit-mask-image: none; mask-image: none; }
html:not(.esmstand-old):not(#x):not(#y) .single-demo .demo-display.demo-esm .display-neck::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 50%; transform-origin: 50% 0; transform: rotateX(99deg); border-radius: 0 0 4px 4px; background: linear-gradient(180deg, #c9ccd0, #e4e6e9 55%, #d9dcdf); box-shadow: inset 0 -2px 0 #b3b7bc, 0 0 16px 3px rgb(20 22 21 / .16); }
html:not(.esmstand-old):not(#x):not(#y) .single-demo .demo-display.demo-esm .display-foot { display: none !important; }
html:not(#x):not(#y) .single-demo .demo-display.demo-esm.esm-svgstand :is(.display-neck, .display-foot) { display: none !important; }
html:not(#x):not(#y) .single-demo .demo-display.demo-esm .esm-stand { position: absolute; left: 50%; top: 74%; width: 46%; height: auto; translate: -50% 0; transform: translateZ(calc(-1 * var(--device-depth, 9px) - 2px)); pointer-events: none; overflow: visible; }
html:not(#x):not(#y) .single-demo .demo-display.demo-esm .device-screen:has(> img) { aspect-ratio: 1168 / 583; }
html:not(#x):not(#y) .single-demo .demo-display.demo-esm .device-screen > img { object-fit: cover; object-position: 50% 50%; }
html.dev-cycle:not(#x):not(#y) .single-demo .demo-tablet.demo-display.demo-esm { left: 44%; }
html.dev-cycle:not(#x):not(#y) .single-demo .demo-phone3.esm-phone { z-index: 3; width: clamp(96px, 12.5vh, 116px); left: calc(44% + 175px); top: 158px; }
@media (max-width: 900px) { html.dev-cycle:not(#x):not(#y) .single-demo .demo-phone3.esm-phone { width: 100px; left: calc(44% + 165px); top: 160px; } }
@media (max-width: 560px) { html.dev-cycle:not(#x):not(#y) .single-demo .demo-tablet.demo-display.demo-esm { left: 46%; } html.dev-cycle:not([data-phonemid]):not(#w):not(#x):not(#y) body .single-demo .demo-phone3.esm-phone { width: 90px !important; left: calc(46% + 104px); top: auto !important; bottom: 76px; margin: 0; height: auto; } }
html:not(#x):not(#y) body :is(#featured, #more-grid) img[src*="patient-access-desk"] { object-position: 50% 14% !important; }
html:not(#x):not(#y) body :is(#featured, #more-grid) img[src*="esm-desk"] { object-position: 50% 6% !important; }
html:not([data-pacrop]):not(#x):not(#y) body img[src*="patient-access-wide"] { object-position: 50% 12% !important; transform-origin: 50% 12%; }
html:not([data-pacrop]):not(#x):not(#y) body #more-grid .mini-photo img[src*="patient-access-wide"] { padding-top: 18px !important; box-sizing: border-box; }
html:not([data-pazoom]):not(#w):not(#x):not(#y) body #featured .feature-image img[src*="patient-access-wide"] { scale: 1.3 !important; transform-origin: 50% 0 !important; }
html:not([data-pazoom]):not(#w):not(#x):not(#y) body #featured .feature-image img[src*="consumer-banking-app"] { scale: 1.22 !important; transform-origin: 56% 0 !important; }
@property --dev-shade { syntax: '<number>'; inherits: true; initial-value: 0; }
@keyframes dev-out3e { 0% { translate: 0 0 0; rotate: y 0deg; --dev-o: 1; --dev-shade: 0; } 60% { --dev-o: 1; } 100% { translate: -24vw 0 -260px; rotate: y -72deg; --dev-o: 0; --dev-shade: 1; } }
@keyframes dev-out3er { 0% { translate: 0 0 0; rotate: y 0deg; --dev-o: 1; --dev-shade: 0; } 60% { --dev-o: 1; } 100% { translate: 36vw 0 -260px; rotate: y 72deg; --dev-o: 0; --dev-shade: 1; } }
@keyframes dev-in3e { 0% { translate: 58vw 0 -180px; rotate: y 70deg; --dev-shade: 1; } 100% { translate: 0 0 0; rotate: y 0deg; --dev-shade: 0; } }
@keyframes dev-in3er { 0% { translate: -30vw 0 -180px; rotate: y -70deg; --dev-o: 0; --dev-shade: 1; } 30% { --dev-o: 1; } 100% { translate: 0 0 0; rotate: y 0deg; --dev-o: 1; --dev-shade: 0; } }
html.dev-swing:not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation-name: dev-out3e !important; animation-duration: .8s !important; animation-timing-function: cubic-bezier(.4, 0, .45, 1) !important; }
html.dev-swing.dev-rev:not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation-name: dev-out3er !important; }
html.dev-swing:not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { animation-name: dev-in3e !important; }
html.dev-swing.dev-rev:not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { animation-name: dev-in3er !important; }
html.dev-swing:not([data-devturn3]) .single-demo :is(.is-out, .is-in) .device-screen { filter: brightness(calc(1 - var(--dev-shade, 0) * .5)); }
html:not([data-displaydev]):not([data-boardold]) .single-demo .demo-display { --device-depth: 9px !important; }
html[data-patient=card]:not([data-displaydev]):not([data-boardold]):not(#w):not(#x) .single-demo .demo-display :is(.device-shell, .device-screen, .device-depth) { border-radius: 2px !important; }
html[data-patient=card]:not([data-displaydev]):not([data-boardold]):not(#w):not(#x) .single-demo .demo-display .device-depth { background: linear-gradient(115deg, #f3f2f1, #d8d7d5 45%, #e8e8e7) !important; }
@media (max-width: 900px) {
  html.dev-cycle[data-patient=card]:not([data-boardold]):not(#w):not(#x) .single-demo .demo-tablet.demo-display { top: 0 !important; bottom: 0; height: fit-content; margin-block: auto; }
}
@media (max-width: 900px) { html.dev-cycle[data-patient=card]:not([data-boardold]):not(#w):not(#x) .single-demo .demo-tablet.demo-display { width: 340px; } }
@media (max-width: 560px) { html.dev-cycle[data-patient=card]:not([data-boardold]):not(#w):not(#x) .single-demo .demo-tablet.demo-display { width: 280px; } }
html:not([data-pazoomon]):not(#v):not(#w):not(#x):not(#y) body #featured .feature-image img[src*="patient-access-wide"] { scale: 1 !important; object-position: 50% 50% !important; }
@media (min-width: 901px) {
  html.dev-cycle[data-patient=card]:not([data-boardpos]):not(#v):not(#w):not(#x) .single-demo .demo-tablet.demo-display { width: clamp(430px, 52vh, 490px); left: 50% !important; top: 62px; }
}
html:not([data-bankup]):not([data-pazoom]):not(#v):not(#w):not(#x):not(#y) body #featured .feature-image img[src*="consumer-banking-app"] { object-position: 50% 24% !important; transform-origin: 56% 22% !important; }
html:not(.bankzoom-old):not(#v):not(#w):not(#x):not(#y) body #more-grid .mini-photo > img[src*="consumer-banking-app"] { scale: 1.3 !important; transform-origin: 56% 16% !important; }
html:not(#v):not(#w):not(#x):not(#y) body #more-grid .mini-photo > img[src*="ignition-finance-room"] { object-position: 50% 40% !important; }
html:not(#v):not(#w):not(#x):not(#y) body #more-grid .mini-photo > img[src*="garage-kiosk"] { object-position: 50% 0 !important; transform-origin: 50% 0 !important; }
html:not(.eyebrows-on):not(#x):not(#y) body main :is(p.eyebrow, p.about-kicker) { display: none !important; }
html[data-tod=night]:not(.starmask-old):not(#x):not(#y) .summit-stage.summit-tip { -webkit-mask-image: linear-gradient(180deg, #000 calc(var(--tip-y) + 30vh), transparent calc(var(--tip-y) + 95vh)) !important; mask-image: linear-gradient(180deg, #000 calc(var(--tip-y) + 30vh), transparent calc(var(--tip-y) + 95vh)) !important; } html[data-tod=night]:not(.starmask-old) .summit-stage.summit-tip canvas { filter: brightness(.58) saturate(.9); }
html.inspobtn-off .about-btn--inspo { display: none; }
@media (min-width: 701px) { html:not(.rstack-old) .results-page #impact-title em { display: block; } }
#case-content .case-image.has-pv { position: relative; }
#case-content .case-image > .pv-scene { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; transform: scale(1.04); pointer-events: none; }
html:not(#x):not(#y) body #case-content .pv-stage { position: absolute !important; left: 0 !important; top: 0 !important; width: 1420px !important; height: 1108px !important; transform-origin: 0 0 !important; }
html:not(#x):not(#y) body #case-content .pv-stage > * { max-height: none !important; min-height: 0 !important; aspect-ratio: auto !important; object-fit: fill !important; scale: none !important; translate: none !important; animation: none !important; filter: none !important; opacity: 1 !important; position: absolute !important; left: 0 !important; top: 0 !important; display: block !important; margin: 0 !important; max-width: none !important; transform-origin: 0 0 !important; }
html:not(#x):not(#y) body #case-content .pv-stage > img:first-child { width: 1420px !important; height: 1108px !important; }
html:not(#x):not(#y) body #case-content .pv-stage > video { width: 1280px !important; height: 362px !important; }
html:not(#x):not(#y) body #case-content .pv-stage > .pv-figure { left: 335px !important; top: 415px !important; width: 135px !important; height: 235px !important; }
@supports (animation-timeline: view()) { @media (max-width: 760px) and (prefers-reduced-motion: no-preference) { html:not(.lite-motion):not(.para-off) #case-content .case-image > .pv-scene { transform: none; scale: 1.14; animation: phone-para linear both; animation-timeline: --pic; animation-range: entry 0% exit 100%; } } }
html:not(#v):not(#w):not(#x):not(#y) body .case-image > img[src*="ignition-finance-room"] { object-position: 22% 50% !important; }
html:not(.cardcrop-old):not(#v):not(#w):not(#x):not(#y) body .case-image > img[src*="esm-desk"] { object-position: 78% 50% !important; }
html:not(.cardcrop-old):not(#v):not(#w):not(#x):not(#y) body #featured .feature-image > img[src*="nba-scheduler-court"] { scale: 1.7 !important; transform-origin: 18% 46% !important; }
html:not(.cardcrop-old):not(#v):not(#w):not(#x):not(#y) body #featured .feature-image > img[src*="trane-survey"] { object-position: 14% 50% !important; }
@media (max-width: 700px) { html.selphone-old:not(.cardcrop-old):not(#v):not(#w):not(#x):not(#y) body #featured .feature-image > img[src*="trane-survey"] { object-position: 40% 6% !important; transform-origin: 50% 0 !important; } }
html:not([data-boardshadow]) .single-demo .demo-display .device-rear { box-shadow: inset 0 0 0 1px #d8d7d5, 2px 3px 3px rgb(20 22 21 / .08), var(--phone-shadow-x, 10px) var(--phone-shadow-y, 21px) var(--phone-shadow-blur, 14px) rgb(20 22 21 / calc(var(--phone-shadow-alpha, .24) * .55)) !important; }
html:not([data-logoblack]):not([data-variant=nocturne]):not([data-tod=night]):not(#x) .logo-wall .logo-plane .focus-logo img:not(.logo-shade) { filter: brightness(0) !important; opacity: calc(.92 * var(--reveal, 1)) !important; }
@property --dev-d { syntax: '<number>'; inherits: true; initial-value: 1; }
@keyframes dev-out3f { 0% { translate: 0 0 0; rotate: y 0deg; --dev-o: 1; --dev-d: 1; --dev-shade: 0; } 42% { --dev-o: 1; --dev-d: 1; } 44% { --dev-d: 0; } 72% { --dev-o: 0; --dev-d: 0; } 100% { translate: -20vw 0 -200px; rotate: y -55deg; --dev-o: 0; --dev-d: 0; --dev-shade: 1; } }
@keyframes dev-out3fr { 0% { translate: 0 0 0; rotate: y 0deg; --dev-o: 1; --dev-d: 1; --dev-shade: 0; } 42% { --dev-o: 1; --dev-d: 1; } 44% { --dev-d: 0; } 72% { --dev-o: 0; --dev-d: 0; } 100% { translate: 30vw 0 -200px; rotate: y 55deg; --dev-o: 0; --dev-d: 0; --dev-shade: 1; } }
@keyframes dev-in3fr { 0% { translate: -30vw 0 -180px; rotate: y -70deg; --dev-o: 0; --dev-d: 0; --dev-shade: 1; } 28% { --dev-d: 0; } 30% { --dev-o: 1; --dev-d: 1; } 100% { translate: 0 0 0; rotate: y 0deg; --dev-o: 1; --dev-d: 1; --dev-shade: 0; } }
html.dev-swing:not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not([data-devfade]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation-name: dev-out3f !important; animation-duration: .7s !important; animation-timing-function: cubic-bezier(.45, 0, .55, 1) !important; }
html.dev-swing.dev-rev:not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not([data-devfade]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation-name: dev-out3fr !important; }
html.dev-swing.dev-rev:not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not([data-devfade]) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { animation-name: dev-in3fr !important; }
html.dev-swing:not([data-devflat]):not([data-devfade]) .single-demo :is(.is-out, .is-in) :is(.device-depth, .display-neck, .mb-base) { opacity: calc(var(--dev-o, 1) * var(--dev-d, 1)); }
@media (min-width: 901px) {
  html.dev-cycle[data-patient=card]:not([data-boardpos]):not(#u):not(#v):not(#w):not(#x) .single-demo .demo-tablet.demo-display { left: 42% !important; top: 86px; }
}
@media (min-width: 901px) and (max-width: 1180px) { html.dev-cycle[data-patient=card]:not([data-boardpos]):not(#u):not(#v):not(#w):not(#x) .single-demo .demo-tablet.demo-display { width: 390px; top: 96px; } }
.case-image.reel-fill > .photo-reel[src*="esm-monitor"] { object-fit: cover; object-position: 50% 40%; background: none; }
@media (max-width: 700px) {
  html:not([data-pacropm]):not(#v):not(#w):not(#x):not(#y) body .case-image:has(> img[src*="patient-access-square"]) { aspect-ratio: 1 / 1 !important; height: auto !important; min-height: 0 !important; }
  html:not([data-pacropm]):not(#v):not(#w):not(#x):not(#y) body .case-image > img[src*="patient-access-square"] { scale: 1 !important; transform: none !important; width: 100% !important; height: 100% !important; object-fit: cover; object-position: 50% 50% !important; }
}
html:not([data-aqcrop]):not(#w):not(#x):not(#y) body #more-grid .mini-project[data-project="25"] .mini-photo img { margin-left: -19% !important; }
html.dev-swing:not([data-devflat]):not([data-boardghost]):not(#t):not(#u):not(#v):not(#w):not(#x) .single-demo .demo-display:is(.is-out, .is-in) > .device-shell { background: transparent !important; box-shadow: none !important; }
html:not(#u):not(#v):not(#w):not(#x):not(#y) body :is(#featured, #more-grid) img[src*="patient-access-tall"] { object-position: 50% 0 !important; scale: 1 !important; }
html:not(#x):not(#y) body :is(#featured, #more-grid, .flow-stage) img[src*="md-knowledge-phone"] { object-position: 50% 12% !important; }
html:not(.glassa-old):not(.glass-off):not(.lite-motion):not(#x):not(#y) body>.nav { background: rgb(245 245 245 / .74) !important; }
html:not(.glassa-old):not(.glass-off):not(.lite-motion):not(#x):not(#y):is(.is-night, [data-variant=nocturne]) body>.nav { background: rgb(15 15 16 / .7) !important; box-shadow: 0 0 0 100vmax rgb(15 15 16 / .7) !important; }
html:not([data-mdcrop]):not(#v):not(#w):not(#x):not(#y) body .case-image > img[src*="md-knowledge-phone"] { scale: 1 !important; transform: none !important; object-position: 38% 52% !important; }
@media (max-width: 760px) { html:not(.pband-old):not(#v):not(#w):not(#x):not(#y) body .case-image > :is(img[src*="patient-access-square"], img[src*="md-knowledge-phone"]) { scale: 1.15 !important; } }
@media (max-width: 760px) {
  html.fonts-wait:not(.skeleton-off)::after { content: ''; position: fixed; inset: 0; z-index: 1000; pointer-events: none; background: var(--bg, #f5f5f5) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 620'><rect x='20' y='24' width='118' height='18' rx='9' fill='%23e6e2ec'/><rect x='332' y='16' width='38' height='38' rx='19' fill='%23e6e2ec'/><rect x='20' y='104' width='96' height='10' rx='5' fill='%23e6e2ec'/><rect x='20' y='126' width='300' height='30' rx='8' fill='%23e6e2ec'/><rect x='20' y='164' width='236' height='30' rx='8' fill='%23e6e2ec'/><rect x='20' y='212' width='320' height='12' rx='6' fill='%23e6e2ec'/><rect x='20' y='232' width='290' height='12' rx='6' fill='%23e6e2ec'/><rect x='20' y='252' width='210' height='12' rx='6' fill='%23e6e2ec'/><rect x='20' y='290' width='150' height='40' rx='8' fill='%23e6e2ec'/><rect x='20' y='362' width='350' height='230' rx='16' fill='%23e6e2ec'/><rect x='0' y='69' width='390' height='1' fill='%23dcd8e3'/></svg>") no-repeat 0 0 / 100% auto; visibility: hidden; animation: skeleton-show 0s .3s forwards; }
  html.fonts-wait.is-night:not(.skeleton-off)::after, html.fonts-wait[data-variant=nocturne]:not(.skeleton-off)::after, html.fonts-wait.inspo-page:not(.skeleton-off)::after { background: #141312 url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 620'><rect x='20' y='24' width='118' height='18' rx='9' fill='%23221b2e'/><rect x='332' y='16' width='38' height='38' rx='19' fill='%23221b2e'/><rect x='20' y='104' width='96' height='10' rx='5' fill='%23221b2e'/><rect x='20' y='126' width='300' height='30' rx='8' fill='%23221b2e'/><rect x='20' y='164' width='236' height='30' rx='8' fill='%23221b2e'/><rect x='20' y='212' width='320' height='12' rx='6' fill='%23221b2e'/><rect x='20' y='232' width='290' height='12' rx='6' fill='%23221b2e'/><rect x='20' y='252' width='210' height='12' rx='6' fill='%23221b2e'/><rect x='20' y='290' width='150' height='40' rx='8' fill='%23221b2e'/><rect x='20' y='362' width='350' height='230' rx='16' fill='%23221b2e'/><rect x='0' y='69' width='390' height='1' fill='%232a2236'/></svg>") no-repeat 0 0 / 100% auto; }
}
@keyframes skeleton-show { to { visibility: visible; } }
html:not([data-logocolor]):not([data-variant=nocturne]):not([data-tod=night]):not(#w):not(#x):not(#y) body .logo-wall .logo-plane .focus-logo:is(.is-raised, .is-match, .is-hover) img:not(.logo-shade) { filter: none !important; opacity: 1 !important; }
html:not([data-moreline]):not(#w):not(#x):not(#y) body #more-grid .mini-open { margin-top: 0 !important; }
html:not(.pband-old):not(.lite-motion):not(.para-off):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y) body :is(#featured .feature-image, #more-grid .mini-photo) > img[src*="patient-access-tall"] { scale: 1.14 !important; transform-origin: 50% 50% !important; }
@media (max-width: 760px) { html:not(.pband-old):not(.lite-motion):not(.para-off):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y) body :is(#featured .feature-image, #more-grid .mini-photo) > img[src*="patient-access-tall"] { scale: 1.18 !important; } }
#more.is-product-scope #work-filters { display: none; }
#more .archive-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 32px; font-weight: 600; color: var(--ink); text-decoration: none; }
#more .archive-link svg { width: 18px; height: 18px; transition: translate .2s ease; }
#more .archive-link:hover { color: var(--accent); }
#more .archive-link:hover svg { translate: 3px 0; }
#more.archive-page { padding-top: clamp(40px, 6vw, 88px); }
#more.archive-page .archive-title { margin: 0; font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.02; letter-spacing: -.03em; }
html:not(.tranecrop-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y) body #featured .feature-image > img[src*="editorial-trane-consultation"] { object-position: 50% 68% !important; }
html:not(.cardfacts-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body :is(#featured .feature-tags, #more-grid .mini-tags) { align-items: start !important; }
html:not(.cardfacts-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body :is(#featured .feature-tags, #more-grid .mini-tags) > :is(.project-pill, .domain-pill) { align-items: flex-start !important; align-self: start !important; }
html:not(.cardfacts-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-tags::after { bottom: 12px !important; }
html:is(.cardfacts-old, .factjoin-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #featured .feature .feature-tags::after { bottom: 0 !important; }
html:not(.cardfacts-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-tags::before { bottom: -2px !important; }
html:not(.cardfacts-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-open { margin-top: 5px !important; }
@container (max-width: 335px) {
  html:not(.cardfacts-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-tags::before { bottom: 0 !important; }
  html:not(.cardfacts-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-open { margin-top: 3px !important; }
}
#more.note-in-bar .more-toolbar { align-items: center !important; }
#more.note-in-bar .more-toolbar > .work-note { flex: 1 1 auto !important; width: auto !important; max-width: none !important; margin: 0 auto 0 0 !important; font-size: 15px !important; line-height: 1.45 !important; }
#more.note-in-bar:not(#x) .more-toolbar > .work-note { display: grid !important; grid-template-columns: auto 1fr; align-items: center; color: var(--muted) !important; }
#more.note-in-bar:not(#x) .more-toolbar > .work-note::before { grid-row: 1 / span 2; margin-right: 12px !important; vertical-align: 0 !important; }
#more.note-in-bar:not(#x) .more-toolbar > .work-note .lead-l { display: block !important; grid-column: 2; }
@media (max-width: 760px) { #more.note-in-bar .more-toolbar > .work-note { flex-basis: 100% !important; margin-bottom: 8px !important; } }
#more.note-in-bar:not(#x) > .section-heading { padding-bottom: 18px !important; }
html.navarchive-off a.nav-archive { display: none !important; }
@media (prefers-reduced-motion: no-preference) { html.menu-native:not(.menufx-old).menu-open .menu-sheet nav a:nth-child(7) { animation-delay: .31s; } html.menu-native:not(.menufx-old).menu-open .menu-foot { animation-delay: .35s; } }
@media (min-width: 761px) and (max-width: 900px) { html:not(.navarchive-off):not(#x) body > .nav { padding-left: 24px !important; padding-right: 24px !important; } html:not(.navarchive-off):not(#x) body > .nav nav { gap: 10px !important; } }
html:not(.navslide-old) body > .nav nav > a:not(.nav-resume)[aria-current="page"]::after { view-transition-name: nav-bar; }
::view-transition-group(nav-bar) { animation-duration: .6s; animation-timing-function: cubic-bezier(.65, 0, .25, 1); z-index: 50; }
::view-transition-old(nav-bar), ::view-transition-new(nav-bar) { animation: none; height: 100%; }
::view-transition-old(nav-bar) { display: none; }
html.lock-work:not(#x) #work > .selected-work-heading { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: flex-end; justify-content: space-between; column-gap: 32px; row-gap: 14px; }
html.lock-work:not(#x) #work .selected-work-heading > .work-note { display: grid !important; grid-template-columns: auto auto; align-items: center; flex: 0 1 auto !important; width: auto !important; margin: 0 0 4px !important; font-size: 15px !important; line-height: 1.45 !important; color: var(--muted) !important; white-space: nowrap; opacity: 1; }
html.lock-work:not(#x) #work .selected-work-heading > .work-note::before { grid-row: 1 / span 2; margin-right: 12px !important; vertical-align: 0 !important; }
html.lock-work:not(#x) #work .selected-work-heading > .work-note .lead-l { display: block !important; grid-column: 2; }
html.lock-work:not(.lockright):not(#x) #work .selected-work-heading > .work-note { flex-basis: 100% !important; justify-content: start; }
@media (max-width: 760px) { html.lock-work:not(#x) #work .selected-work-heading > .work-note { flex-basis: 100% !important; white-space: normal; } }
#more.sort-in-head:not(#x) > .section-heading { display: flex !important; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; column-gap: 32px; row-gap: 16px; padding-bottom: 40px !important; }
#more.sort-in-head:not(#x) > .section-heading > .more-toolbar { margin: 0 0 6px !important; flex: none; }
@media (max-width: 760px) { #more.sort-in-head:not(#x) > .section-heading > .more-toolbar { flex-basis: 100%; margin: 0 !important; } }
html:not(.ctaleft-old):not(#x) .experience-cta { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; }
@media (min-width: 1440px) { html:not(.cols5):not(#x) body #more-grid:not(.is-list):not(.is-flow) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (max-width: 760px) {
  html:not(.logogap-old):not(#x) body .industry-focus { padding-bottom: 16px !important; margin-bottom: 16px !important; }
  html:not(.logogap-old):not(#x) body .industry-focus .focus-logo-grid { padding-bottom: 16px !important; }
}
html:not(.factjoin-old):not(#x):not(#y) body #featured .feature .feature-tags > :is(.project-pill, .domain-pill) { gap: 0 !important; }
html:not(.factjoin-old):not(#x):not(#y) body #featured .feature .feature-tags .tag-material { width: 30px !important; flex: 0 0 30px !important; margin-right: 12px !important; justify-content: flex-start !important; gap: 0 !important; }
#more-grid .mini-foot-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#more-grid .mini-foot-row > .mini-open { flex: none; }
#more-grid .mini-role { display: flex; flex-direction: column; gap: 1px; min-width: 0; margin-top: 5px; text-align: left; }
#more-grid .mini-role small { font-size: 11.5px; font-weight: 500; color: var(--muted); letter-spacing: .01em; }
#more-grid .mini-role span { font-size: 14px; font-weight: 600; line-height: 1.25; color: var(--ink); }
#more-grid.is-list .mini-role { display: none; }
#case-content .case-image > video.page-reel { inset: 0; width: 100%; height: 100%; object-fit: cover; }
#case-content .case-image > video.page-reel.reel-round { border-radius: 12px; }
@media (min-width: 761px) { html:not(.contactfit-old):not(#x) body > main.contact-page .results-range.is-on { height: 0 !important; } }
@media (min-width: 761px) and (max-height: 760px) { html:not(.contactfit-old):not(#x) body > main.contact-page { padding-top: 40px !important; padding-bottom: 16px !important; } }
.single-demo .demo-tablet3 .device-screen { position: relative; aspect-ratio: 1448 / 1056; background: #fff; }
.single-demo .demo-tablet3 .device-screen video { position: absolute; display: block; width: 116.7%; height: auto; left: -4.5%; top: 50%; translate: 0 -50%; max-width: none; }
html:not(.ipad3fit-old) .single-demo .demo-tablet3 .device-screen video { width: 100%; left: 0; top: -14.6%; translate: none; clip-path: inset(15.9% 0 8.4% 0); }
html.hl-underline #featured .feature .work-title-highlight { background: linear-gradient(var(--label-pink, #c2367c), var(--label-pink, #c2367c)) 0 100% / 0% 2px no-repeat !important; -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0 0 5px !important; transition: background-size .32s cubic-bezier(.22, 1, .36, 1) !important; }
@media (hover: hover) { html.hl-underline #featured .feature:hover:where(:not(.no-hover *)) .work-title-highlight { background-size: 100% 2px !important; } }
html.hl-underline #featured .feature:focus-visible .work-title-highlight { background-size: 100% 2px !important; }
@media (prefers-reduced-motion: reduce) { html.hl-underline #featured .feature .work-title-highlight { transition: none !important; } }
#case-content section.contribution-role { display: block !important; padding-top: 28px; padding-bottom: 8px; }
#case-content section.contribution-role .role-title { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.35; color: var(--ink); }
#case-content section.contribution-role .role-points { margin: 10px 0 0; padding: 0 0 0 1.1em; display: grid; gap: 4px; color: #666460; font-size: 16px !important; line-height: 1.6; max-width: 60ch; }
#case-content section.contribution-role .role-points li { font-size: 16px !important; }
#case-content section.contribution-role .role-points li::marker { color: var(--accent); }
html.hl-color #featured .feature .work-title-highlight { background: none !important; padding: 0 !important; transition: color .35s ease !important; }
@media (hover: hover) { html.hl-color #featured .feature:hover:where(:not(.no-hover *)) .work-title-highlight { color: var(--accent) !important; } }
html.hl-color #featured .feature:focus-visible .work-title-highlight { color: var(--accent) !important; }
html:not(.rulegap-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #featured .feature .role { margin-top: -7px !important; padding-top: 18px !important; }
@media (max-width: 760px) { html:not(.rulegap-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #featured .feature .role { margin-top: -9px !important; padding-top: 16px !important; } }
@container (max-width: 335px) { html:not(.rulegap-old) #more-grid .mini-role { margin-top: 3px; } }
html:not(.rulegap-old):not(#x) #more-grid:not(.is-list) .mini-foot-row { align-items: flex-start; }
html:not(.rulegap-old):not(#x):not(#y) body #more-grid:not(.is-list) .mini-foot-row > .mini-open { margin-top: 0 !important; align-self: flex-start !important; }
#case-content section.role-quote .role-line { margin: 6px 0 0; padding: 0 0 0 18px; border-left: 3px solid var(--accent); font-size: clamp(22px, 2vw, 28px); font-weight: 600; line-height: 1.3; letter-spacing: -.01em; color: var(--ink); max-width: 30ch; text-wrap: balance; }
#case-content section.role-quote .role-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; }
#case-content section.role-quote .role-chips span { padding: 5px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--muted); }
#case-content section.role-quote .role-chips span { display: inline-block; } #case-content section.role-quote .role-chips span::first-letter { text-transform: uppercase; }
#case-content section.rq-mark .role-line { border-left: 0; padding-left: 0; position: relative; padding-top: 34px; }
#case-content section.rq-mark .role-line::before { content: '“'; position: absolute; left: -4px; top: -14px; font-size: 84px; line-height: 1; font-weight: 800; color: var(--accent); }
#case-content section.rq-panel .role-line { border-left: 0; padding: 26px 28px; border-radius: 14px; background: var(--ink); color: #fff; max-width: 34ch; }
#case-content section.rq-panel .role-chips span { background: var(--ink); color: #fff; border-color: var(--ink); }
#case-content section.rq-accent .role-line { border-left: 0; padding-left: 0; }
#case-content section.rq-accent .role-line em { font-style: normal; color: var(--accent); }
@media (min-width: 761px) { html:not(.selratio-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y) body #featured .feature .feature-image { aspect-ratio: 4 / 3 !important; height: auto !important; } }
@media (max-width: 760px) { html:not(.selratio-old):not(.selphone-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y) body #featured .feature .feature-image { aspect-ratio: 4 / 3 !important; height: auto !important; } }
#case-content section.rq-plain .role-sentence { margin: 4px 0 0; font-size: 20px; line-height: 1.5; color: var(--ink); max-width: 38ch; }
#case-content section.rq-plain .role-meta { margin: 12px 0 0; font-size: 14px; font-weight: 600; color: var(--muted); }
#case-content section.rq-columns .role-cols { display: grid; gap: 16px; margin: 4px 0 0; }
#case-content section.rq-columns .role-cols > div { display: grid; grid-template-columns: 120px 1fr; gap: 16px; }
#case-content section.rq-columns .role-cols dt { font-size: 14px; font-weight: 500; color: var(--muted); padding-top: 2px; }
#case-content section.rq-columns .role-cols dd { margin: 0; font-size: 16px; line-height: 1.6; color: var(--ink); }
#case-content section.rq-columns .role-cols > div:first-child dd { font-weight: 600; }
#case-content section.rq-numbered .role-steps { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
#case-content section.rq-numbered .role-steps li { display: grid; grid-template-columns: 34px 1fr; font-size: 16px; line-height: 1.5; color: #666460; }
#case-content section.rq-numbered .role-steps li span { font-size: 13px; font-weight: 600; color: var(--accent); padding-top: 2px; font-variant-numeric: tabular-nums; }
#case-content section.rq-steps .role-stages { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; position: relative; }
#case-content section.rq-steps .role-stages::before { content: ''; position: absolute; left: 6px; right: 6px; top: 6px; height: 1px; background: var(--line); }
#case-content section.rq-steps .role-stages li { position: relative; display: grid; gap: 10px; justify-items: start; font-size: 13px; line-height: 1.3; color: #a9a7a3; }
#case-content section.rq-steps .role-stages li i { width: 13px; height: 13px; border-radius: 50%; background: var(--bg); border: 1px solid var(--line); position: relative; }
#case-content section.rq-steps .role-stages li.is-part { color: var(--ink); }
#case-content section.rq-steps .role-stages li.is-part i { border: 2px solid var(--accent); }
#case-content section.rq-steps .role-stages li.is-led { color: var(--ink); font-weight: 600; }
#case-content section.rq-steps .role-stages li.is-led i { background: var(--accent); border-color: var(--accent); }
#case-content section.rq-steps .role-key { margin: 16px 0 0; display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--muted); }
#case-content section.rq-steps .role-key span { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
#case-content section.rq-steps .role-key .k-led { background: var(--accent); }
#case-content section.rq-steps .role-key .k-part { border: 2px solid var(--accent); margin-left: 10px; }
@media (max-width: 760px) { #case-content section.rq-steps .role-stages { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 18px; } #case-content section.rq-steps .role-stages::before { display: none; } }
#more-grid .mini-card-footer .mini-tags > .role-pill { grid-column: 1 / -1; }
@container (min-width: 336px) {
  #more-grid .mini-card-footer .mini-tags:has(> .role-pill)::after { display: none !important; }
  #more-grid .mini-card-footer .mini-tags:has(> .role-pill) > .domain-pill { border-left: 1px solid #dddcda !important; }
}
.single-demo .demo-tablet3.ama-frame { width: clamp(560px, 70vh, 680px); top: -10px; }
.single-demo .ama-frame ipad-video { display: block; width: 100%; }
.single-demo .ama-frame .af-stage { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; }
.single-demo .ama-frame .af-canvas { position: absolute; left: 0; top: 0; width: 1254px; height: 1254px; transform-origin: 0 0; }
.single-demo .ama-frame .af-frame { position: absolute; inset: 0; width: 1254px; height: 1254px; max-width: none; pointer-events: none; }
.single-demo .ama-frame .af-screen { position: absolute; left: 0; top: 0; width: 1440px; height: 1080px; transform-origin: 0 0; transform: matrix3d(0.7200601458462075,0.06344498369039757,0,0.0000397176976313852,0.03861166522982713,0.6506934830494212,0,-0.0000359078762673055,0,0,1,0,124.57040877376005,226.7705482721741,0,1); background: #fff; overflow: hidden; border-radius: 22px; backface-visibility: hidden; }
.single-demo .ama-frame .af-screen img { display: block; width: 1440px; height: 1080px; max-width: none; }
html:not(.close-light):not(.closerule-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .about-page .ab-close .ab-close-aside { border-top-color: rgb(255 255 255 / .12) !important; }
@media (min-width: 901px) {
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide { grid-template-columns: minmax(0, 1fr) !important; row-gap: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide > .case-hero { order: 1; max-width: 920px; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide > .case-hero h1 { max-width: 16ch; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide > .case-specs { order: 2; grid-column: 1 / -1 !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; margin-top: 40px !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide > .case-specs .case-facts > div, html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide > .case-specs .case-tags > * { border-top: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide > figure.case-image { order: 3; grid-column: 1 / -1 !important; grid-row: auto !important; width: 100% !important; aspect-ratio: 16 / 9 !important; height: auto !important; margin-top: 48px !important; border-radius: 14px; overflow: hidden; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide > figure.case-image img, html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide > figure.case-image video { width: 100% !important; height: 100% !important; object-fit: cover !important; inset: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide > .image-caption { order: 4; grid-column: 1 / -1 !important; grid-row: auto !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide > .case-body { order: 5; margin-top: 72px !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide > .project-pagination { order: 6; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide .case-result { flex-direction: row !important; gap: 48px !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide .case-result > * { flex: 1 1 0 !important; border-top: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-wide .case-summary { border-top: 1px solid var(--line) !important; padding-top: 32px !important; }
}
@media (min-width: 901px) {
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail { grid-template-columns: 240px minmax(0, 1fr) !important; column-gap: 72px !important; row-gap: 0 !important; align-items: start !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail > .case-specs { grid-column: 1 !important; grid-row: 1 / span 5 !important; position: sticky; top: 104px; display: grid !important; grid-template-columns: 1fr !important; margin-top: 92px !important; border-top: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail > .case-specs .case-facts > div, html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail > .case-specs .case-tags > * { border-left: 0 !important; padding-left: 0 !important; border-top: 1px solid var(--line) !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail > :is(.case-hero, figure.case-image, .image-caption, .case-body, .project-pagination) { grid-column: 2 !important; grid-row: auto !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail > figure.case-image { width: 100% !important; aspect-ratio: 16 / 10 !important; height: auto !important; margin-top: 40px !important; border-radius: 14px; overflow: hidden; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail > figure.case-image :is(img, video) { width: 100% !important; height: 100% !important; object-fit: cover !important; inset: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail > .case-body { margin-top: 64px !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail .case-narrative { grid-template-columns: minmax(0, 1fr) !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail > .project-pagination { grid-column: 1 / -1 !important; }
}
@media (min-width: 901px) {
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rows .case-narrative { grid-template-columns: minmax(0, 1fr) !important; row-gap: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rows .case-narrative > .narrative-item { grid-template-columns: 80px minmax(0, 1fr) !important; column-gap: 32px !important; align-items: baseline !important; padding: 32px 0 !important; border-top: 1px solid var(--line) !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rows .case-narrative > .narrative-item > * { grid-row: 1 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rows .case-result { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rows .case-result > * { display: grid !important; grid-template-columns: 452px minmax(0, 1fr) !important; column-gap: 32px !important; align-items: baseline !important; }
}
html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rows .case-narrative > .narrative-item :is(p, ul, ol) { max-width: 62ch; }
@media (min-width: 901px) {
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail2 > .case-specs { margin-top: 58px !important; top: 96px; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail2 > .case-specs .case-tags > *:first-child { border-top: 0 !important; padding-top: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail2 > figure.case-image { aspect-ratio: 3 / 2 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail2 .case-narrative > .narrative-item { grid-template-columns: 56px minmax(0, 1fr) !important; column-gap: 8px !important; padding: 28px 0 !important; border-top: 1px solid var(--line) !important; align-items: baseline !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail2 .case-narrative > .narrative-item > .section-number { grid-row: 1 !important; font-size: 22px !important; line-height: 1.2 !important; margin: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail2 .case-narrative > .narrative-item > div { grid-row: 1 !important; grid-column: 2 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail2 .case-narrative > .narrative-item :is(p, ul, ol) { max-width: 62ch; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail2 .case-result > * { display: grid !important; grid-template-columns: 220px minmax(0, 1fr) !important; column-gap: 32px !important; align-items: baseline !important; }
}
html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail2 .case-result > * { align-items: center !important; }
html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-rail2 .case-result > * > :not(.result-heading) { margin: 0 !important; }
html:not(.roleicon2):not(#x):not(#y) body #more-grid .mini-card-footer .mini-tags > .role-pill > .tag-material { display: none !important; }
html:not(.roleicon2):not(#x):not(#y) body #more-grid .mini-card-footer .mini-tags > .role-pill { padding-left: 0 !important; margin-left: 0 !important; }
@media (min-width: 901px) {
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-edit > :is(.case-hero, .case-specs, .case-body) { width: min(920px, 100%); justify-self: start !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-edit > .case-hero { max-width: none !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-edit > .case-hero h1 { max-width: none !important; }
      html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-edit > .case-specs { border-bottom: 1px solid var(--line) !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-edit > figure.case-image { aspect-ratio: 2 / 1 !important; margin-top: 56px !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-edit .case-narrative { grid-template-columns: minmax(0, 1fr) !important; row-gap: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-edit .case-narrative > .narrative-item { grid-template-columns: 56px minmax(0, 1fr) !important; column-gap: 8px !important; padding: 28px 0 !important; border-top: 1px solid var(--line) !important; align-items: baseline !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-edit .case-narrative > .narrative-item > .section-number { grid-row: 1 !important; font-size: 22px !important; line-height: 1.2 !important; margin: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-edit .case-narrative > .narrative-item > div { grid-row: 1 !important; grid-column: 2 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-edit .case-result { flex-direction: column !important; gap: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-edit .case-result > * { display: grid !important; grid-template-columns: 220px minmax(0, 1fr) !important; column-gap: 32px !important; align-items: center !important; border-top: 1px solid var(--line) !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-edit .case-result > * > :not(.result-heading) { margin: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-edit .case-summary { border-top: 0 !important; padding-top: 0 !important; }
}
@media (min-width: 901px) {
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 72px !important; row-gap: 0 !important; align-items: start !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-split > :is(.case-hero, .case-specs, .case-body) { grid-column: 1 !important; grid-row: auto !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-split > figure.case-image { grid-column: 2 !important; grid-row: 1 / span 3 !important; position: sticky; top: 96px; width: 100% !important; height: calc(100vh - 136px) !important; aspect-ratio: auto !important; border-radius: 16px; overflow: hidden; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-split > figure.case-image :is(img, video) { width: 100% !important; height: 100% !important; object-fit: cover !important; inset: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-split > .image-caption { display: none !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-split > .case-specs { margin-top: 40px !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-split > .case-body { margin-top: 56px !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-split .case-narrative { grid-template-columns: minmax(0, 1fr) !important; row-gap: 40px !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-split .case-result { flex-direction: column !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-split > .project-pagination { grid-column: 1 / -1 !important; }
}
@media (min-width: 1100px) {
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-big { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; column-gap: 40px !important; row-gap: 0 !important; align-items: start !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-big > .case-hero { grid-column: 1 / 6 !important; grid-row: 1 !important; max-width: none !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-big > .case-specs { grid-column: 1 / 6 !important; grid-row: 2 !important; grid-template-columns: 1fr 1fr !important; margin-top: 40px !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-big > figure.case-image { grid-column: 6 / 13 !important; grid-row: 1 / 3 !important; width: 100% !important; aspect-ratio: 4 / 3 !important; height: auto !important; margin-top: 58px !important; border-radius: 16px; overflow: hidden; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-big > figure.case-image :is(img, video) { width: 100% !important; height: 100% !important; object-fit: cover !important; inset: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-big > .image-caption { grid-column: 6 / 13 !important; grid-row: 3 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-big > .case-body { grid-column: 1 / -1 !important; grid-row: 4 !important; margin-top: 64px !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-big > .project-pagination { grid-column: 1 / -1 !important; grid-row: 5 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-big .case-result { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 48px !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-big .case-result > * { border-top: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-big .case-summary { border-top: 1px solid var(--line) !important; }
}
@media (min-width: 1100px) {
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) !important; column-gap: 72px !important; row-gap: 0 !important; align-items: start !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side > .case-body, html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side > .case-body > .case-summary { display: contents !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side > .case-hero { grid-column: 1 !important; grid-row: 1 !important; max-width: none !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side > .case-specs { grid-column: 1 !important; grid-row: 2 !important; grid-template-columns: 1fr 1fr !important; margin-top: 40px !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side .case-result { grid-column: 1 !important; grid-row: 3 / 6 !important; margin-top: 8px !important; border-top: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side .case-result > * { padding-top: 22px !important; padding-bottom: 22px !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side > figure.case-image { grid-column: 2 !important; grid-row: 1 / 3 !important; width: 100% !important; aspect-ratio: 4 / 3 !important; height: auto !important; margin-top: 58px !important; border-radius: 16px; overflow: hidden; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side > figure.case-image :is(img, video) { width: 100% !important; height: 100% !important; object-fit: cover !important; inset: 0 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side > .image-caption { grid-column: 2 !important; grid-row: 3 !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side .case-narrative { grid-column: 2 !important; grid-row: 4 !important; margin-top: 40px !important; }
  html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side > .project-pagination { grid-column: 1 / -1 !important; grid-row: 6 !important; }
}
@media (min-width: 1100px) { html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side > :is(.portfolio-gallery, .builder-gallery) { grid-column: 1 / -1 !important; grid-row: 6 !important; margin-top: 72px !important; } html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side > .project-pagination { grid-row: 7 !important; } }
html:not(.esmcrop-old):not(#x):not(#y) body #more-grid .mini-photo img[src*="esm-desk"] { object-position: 50% 0% !important; }
.curio-story[data-look=range] { --lk-hi: #e9e9e9; --lk-mid: #f08bbd; --lk-lo: #f08bbd; --lk-glow: 240 139 189; }
html body .curio-story[data-look=range] .curio-rail a.is-active i { box-shadow: none !important; }
.esm-gallery .esm-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; }
.esm-gallery .esm-shot { margin: 0; }
.esm-gallery .esm-shot :is(img, video) { display: block; width: 100%; height: auto; border-radius: 10px; box-shadow: 0 0 0 1px var(--line); }
.esm-gallery .esm-shot figcaption { display: grid; gap: 4px; margin-top: 14px; }
.esm-gallery .esm-shot figcaption b { font-weight: 600; font-size: 16px; color: var(--ink); }
.esm-gallery .esm-shot figcaption span { font-size: 15px; line-height: 1.5; color: var(--muted); }
@media (max-width: 900px) { .esm-gallery .esm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .esm-gallery .esm-grid { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 1100px) { html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side > .esm-gallery { grid-column: 1 / -1 !important; grid-row: 6 !important; margin-top: 72px !important; } }
.single-demo .demo-phone3 .device-screen { position: relative; overflow: hidden; background: #111; }
.single-demo .demo-phone3 .device-screen video.p3-video { position: absolute; left: -176.7%; top: -9.03%; width: 453.3%; height: auto; max-width: none; }
.demo-caption.has-arrows { display: flex; align-items: center; gap: 6px; }
.demo-caption .dev-arrow { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; background: none; color: var(--muted); cursor: pointer; opacity: .75; transition: opacity .2s, color .2s; }
.demo-caption .dev-arrow:hover, .demo-caption .dev-arrow:focus-visible { opacity: 1; color: var(--ink); }
.demo-caption .dev-arrow svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
@media (min-width: 901px) { html.dev-cycle[data-displaydev]:not(#v):not(#w):not(#x) .single-demo .demo-tablet.demo-display { width: clamp(400px, 46vh, 470px) !important; top: -6px !important; } }
@media (min-width: 1100px) {
  html:not(.pagetidy-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side .case-result { grid-row: 4 / 6 !important; margin-top: 40px !important; }
  html:not(.pagetidy-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side .case-result > .result-outcome { border-top: 0 !important; padding-top: 4px !important; }
  html:not(.pagetidy-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side .case-result > * { padding-top: 27px !important; padding-bottom: 26px !important; }
  html:not(.pagetidy-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side .narrative-bar { margin-bottom: -7px !important; }
  html:not(.pagetidy-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main#case-content.pg-side .narrative-item .section-number { font-size: 32px !important; }
  }
@keyframes dev-out3g { 0% { translate: 0 0 0; rotate: y 0deg; --dev-o: 1; --dev-shade: 0; } 55% { --dev-o: 1; } 100% { translate: -16vw 0 -120px; rotate: y -34deg; --dev-o: 0; --dev-shade: .6; } }
@keyframes dev-out3gr { 0% { translate: 0 0 0; rotate: y 0deg; --dev-o: 1; --dev-shade: 0; } 55% { --dev-o: 1; } 100% { translate: 22vw 0 -120px; rotate: y 34deg; --dev-o: 0; --dev-shade: .6; } }
@keyframes dev-in3g { 0% { translate: 34vw 0 -100px; rotate: y 34deg; --dev-shade: .6; } 100% { translate: 0 0 0; rotate: y 0deg; --dev-shade: 0; } }
@keyframes dev-in3gr { 0% { translate: -20vw 0 -100px; rotate: y -34deg; --dev-o: 0; --dev-shade: .6; } 30% { --dev-o: 1; } 100% { translate: 0 0 0; rotate: y 0deg; --dev-o: 1; --dev-shade: 0; } }
html.dev-swing:not(.devswing-old):not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not(#x) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation-name: dev-out3g !important; }
html.dev-swing.dev-rev:not(.devswing-old):not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not(#x) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation-name: dev-out3gr !important; }
html.dev-swing:not(.devswing-old):not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not(#x) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { animation-name: dev-in3g !important; }
html.dev-swing.dev-rev:not(.devswing-old):not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not(#x) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { animation-name: dev-in3gr !important; }
html:not(.iconsize-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #case-content .case-result svg { width: 32px !important; height: 32px !important; flex: 0 0 32px !important; }
html:not(.stand-old):not(#w):not(#x) .single-demo .demo-display .display-neck { width: 30%; height: 64%; border-radius: 0 0 3px 3px; background: linear-gradient(180deg, #7d8186 0%, #7d8186 30%, #a7abaf 40%, #c9ccd0 62%, #c1c4c8 100%); box-shadow: inset 1px 0 0 rgb(255 255 255 / .35), inset -1px 0 0 rgb(0 0 0 / .08); }
html:not(.stand-old):not(#w):not(#x) .single-demo .demo-display .display-foot { width: 40%; height: 13%; top: 121%; border-radius: 6px; background: linear-gradient(180deg, #e7e8ea 0%, #d3d5d8 80%, #a9acb0 100%); box-shadow: 0 1px 0 #9da0a4, 0 22px 30px -16px rgb(20 22 21 / .4), 0 6px 10px -6px rgb(20 22 21 / .25); }
html.hero-reel:not(#x):not(#y) body .hero .hero-intro > .hero-demo { display: none !important; }
html.hero-reel body { overflow-x: clip; }
.reel-band { position: relative; pointer-events: none; -webkit-mask-image: linear-gradient(transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(transparent, #000 7%, #000 93%, transparent); }
.reel-band video, .reel-band img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.reel-band video { z-index: 1; }
.reel-band.is-still video { display: none; }
.reel-motion[hidden] { display: none; }
.reel-motion { position: relative; z-index: 2; border: 0; background: none; color: var(--ink); display: flex; gap: 10px; align-items: center; font-size: .6rem; padding: 4px; justify-self: end; margin-top: 8px; cursor: pointer; transition: color .4s; }
@media (min-width: 1101px) {
  html.hero-reel .hero { padding-top: 0; }
  html.hero-reel .hero-intro { position: relative; grid-template-columns: 1fr; min-height: min(56.25vw, calc(100svh - 72px)); padding: 0; }
  html.hero-reel .reel-band { position: absolute; top: 0; bottom: 0; left: calc(50% - 50vw); width: 100vw; z-index: 0; }
  html.hero-reel .reel-band video, html.hero-reel .reel-band img { object-position: 74% 50%; }
  html.hero-reel .reel-band::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, var(--bg) 0%, var(--bg) calc(50% - 50vw + 72px + 560px), transparent calc(50% - 50vw + 72px + 820px)); }
  html.reel-scrim.hero-reel .reel-band { -webkit-mask-image: none; mask-image: none; }
  html.reel-scrim.hero-reel .reel-band::after { background: radial-gradient(ellipse 46% 62% at calc(50% - 50vw + 72px + 300px) 52%, rgb(15 15 14 / .66) 0%, rgb(15 15 14 / .5) 38%, rgb(15 15 14 / .2) 68%, rgb(15 15 14 / 0) 100%), radial-gradient(ellipse 90% 40% at 30% 100%, rgb(15 15 14 / .28), rgb(15 15 14 / 0) 70%); }
  html.reel-scrim.hero-reel:not(.scrim-old) .reel-band::after { --c: 14 13 17; --l: calc(max(0px, 50vw - 880px) + 5vw); --r: calc(var(--l) + min((min(100vw, 1760px) - 10vw) * .46, 560px)); --f: min(640px, 100vw - var(--r) - 80px);
    background: linear-gradient(90deg, rgb(var(--c) / 0.700) calc((var(--r) + 24px) * 0.000), rgb(var(--c) / 0.700) calc((var(--r) + 24px) * 0.071), rgb(var(--c) / 0.699) calc((var(--r) + 24px) * 0.143), rgb(var(--c) / 0.696) calc((var(--r) + 24px) * 0.214), rgb(var(--c) / 0.691) calc((var(--r) + 24px) * 0.286), rgb(var(--c) / 0.685) calc((var(--r) + 24px) * 0.357), rgb(var(--c) / 0.678) calc((var(--r) + 24px) * 0.429), rgb(var(--c) / 0.670) calc((var(--r) + 24px) * 0.500), rgb(var(--c) / 0.662) calc((var(--r) + 24px) * 0.571), rgb(var(--c) / 0.655) calc((var(--r) + 24px) * 0.643), rgb(var(--c) / 0.649) calc((var(--r) + 24px) * 0.714), rgb(var(--c) / 0.644) calc((var(--r) + 24px) * 0.786), rgb(var(--c) / 0.641) calc((var(--r) + 24px) * 0.857), rgb(var(--c) / 0.640) calc((var(--r) + 24px) * 0.929), rgb(var(--c) / 0.640) calc((var(--r) + 24px) * 1.000), rgb(var(--c) / 0.640) calc(var(--r) + 24px + var(--f) * 0.000), rgb(var(--c) / 0.639) calc(var(--r) + 24px + var(--f) * 0.062), rgb(var(--c) / 0.630) calc(var(--r) + 24px + var(--f) * 0.125), rgb(var(--c) / 0.609) calc(var(--r) + 24px + var(--f) * 0.188), rgb(var(--c) / 0.574) calc(var(--r) + 24px + var(--f) * 0.250), rgb(var(--c) / 0.525) calc(var(--r) + 24px + var(--f) * 0.312), rgb(var(--c) / 0.464) calc(var(--r) + 24px + var(--f) * 0.375), rgb(var(--c) / 0.394) calc(var(--r) + 24px + var(--f) * 0.438), rgb(var(--c) / 0.320) calc(var(--r) + 24px + var(--f) * 0.500), rgb(var(--c) / 0.246) calc(var(--r) + 24px + var(--f) * 0.562), rgb(var(--c) / 0.176) calc(var(--r) + 24px + var(--f) * 0.625), rgb(var(--c) / 0.115) calc(var(--r) + 24px + var(--f) * 0.688), rgb(var(--c) / 0.066) calc(var(--r) + 24px + var(--f) * 0.750), rgb(var(--c) / 0.031) calc(var(--r) + 24px + var(--f) * 0.812), rgb(var(--c) / 0.010) calc(var(--r) + 24px + var(--f) * 0.875), rgb(var(--c) / 0.001) calc(var(--r) + 24px + var(--f) * 0.938), rgb(var(--c) / 0.000) calc(var(--r) + 24px + var(--f) * 1.000));
    -webkit-mask-image: linear-gradient(rgb(0 0 0 / 0.340) calc((50% - 170px) * 0.000), rgb(0 0 0 / 0.342) calc((50% - 170px) * 0.071), rgb(0 0 0 / 0.355) calc((50% - 170px) * 0.143), rgb(0 0 0 / 0.386) calc((50% - 170px) * 0.214), rgb(0 0 0 / 0.436) calc((50% - 170px) * 0.286), rgb(0 0 0 / 0.503) calc((50% - 170px) * 0.357), rgb(0 0 0 / 0.583) calc((50% - 170px) * 0.429), rgb(0 0 0 / 0.670) calc((50% - 170px) * 0.500), rgb(0 0 0 / 0.757) calc((50% - 170px) * 0.571), rgb(0 0 0 / 0.837) calc((50% - 170px) * 0.643), rgb(0 0 0 / 0.904) calc((50% - 170px) * 0.714), rgb(0 0 0 / 0.954) calc((50% - 170px) * 0.786), rgb(0 0 0 / 0.985) calc((50% - 170px) * 0.857), rgb(0 0 0 / 0.998) calc((50% - 170px) * 0.929), rgb(0 0 0 / 1.000) calc((50% - 170px) * 1.000), rgb(0 0 0 / 1.000) calc(50% + 170px + (50% - 170px) * 0.000), rgb(0 0 0 / 0.998) calc(50% + 170px + (50% - 170px) * 0.071), rgb(0 0 0 / 0.985) calc(50% + 170px + (50% - 170px) * 0.143), rgb(0 0 0 / 0.954) calc(50% + 170px + (50% - 170px) * 0.214), rgb(0 0 0 / 0.904) calc(50% + 170px + (50% - 170px) * 0.286), rgb(0 0 0 / 0.837) calc(50% + 170px + (50% - 170px) * 0.357), rgb(0 0 0 / 0.757) calc(50% + 170px + (50% - 170px) * 0.429), rgb(0 0 0 / 0.670) calc(50% + 170px + (50% - 170px) * 0.500), rgb(0 0 0 / 0.583) calc(50% + 170px + (50% - 170px) * 0.571), rgb(0 0 0 / 0.503) calc(50% + 170px + (50% - 170px) * 0.643), rgb(0 0 0 / 0.436) calc(50% + 170px + (50% - 170px) * 0.714), rgb(0 0 0 / 0.386) calc(50% + 170px + (50% - 170px) * 0.786), rgb(0 0 0 / 0.355) calc(50% + 170px + (50% - 170px) * 0.857), rgb(0 0 0 / 0.342) calc(50% + 170px + (50% - 170px) * 0.929), rgb(0 0 0 / 0.340) calc(50% + 170px + (50% - 170px) * 1.000)); mask-image: linear-gradient(rgb(0 0 0 / 0.340) calc((50% - 170px) * 0.000), rgb(0 0 0 / 0.342) calc((50% - 170px) * 0.071), rgb(0 0 0 / 0.355) calc((50% - 170px) * 0.143), rgb(0 0 0 / 0.386) calc((50% - 170px) * 0.214), rgb(0 0 0 / 0.436) calc((50% - 170px) * 0.286), rgb(0 0 0 / 0.503) calc((50% - 170px) * 0.357), rgb(0 0 0 / 0.583) calc((50% - 170px) * 0.429), rgb(0 0 0 / 0.670) calc((50% - 170px) * 0.500), rgb(0 0 0 / 0.757) calc((50% - 170px) * 0.571), rgb(0 0 0 / 0.837) calc((50% - 170px) * 0.643), rgb(0 0 0 / 0.904) calc((50% - 170px) * 0.714), rgb(0 0 0 / 0.954) calc((50% - 170px) * 0.786), rgb(0 0 0 / 0.985) calc((50% - 170px) * 0.857), rgb(0 0 0 / 0.998) calc((50% - 170px) * 0.929), rgb(0 0 0 / 1.000) calc((50% - 170px) * 1.000), rgb(0 0 0 / 1.000) calc(50% + 170px + (50% - 170px) * 0.000), rgb(0 0 0 / 0.998) calc(50% + 170px + (50% - 170px) * 0.071), rgb(0 0 0 / 0.985) calc(50% + 170px + (50% - 170px) * 0.143), rgb(0 0 0 / 0.954) calc(50% + 170px + (50% - 170px) * 0.214), rgb(0 0 0 / 0.904) calc(50% + 170px + (50% - 170px) * 0.286), rgb(0 0 0 / 0.837) calc(50% + 170px + (50% - 170px) * 0.357), rgb(0 0 0 / 0.757) calc(50% + 170px + (50% - 170px) * 0.429), rgb(0 0 0 / 0.670) calc(50% + 170px + (50% - 170px) * 0.500), rgb(0 0 0 / 0.583) calc(50% + 170px + (50% - 170px) * 0.571), rgb(0 0 0 / 0.503) calc(50% + 170px + (50% - 170px) * 0.643), rgb(0 0 0 / 0.436) calc(50% + 170px + (50% - 170px) * 0.714), rgb(0 0 0 / 0.386) calc(50% + 170px + (50% - 170px) * 0.786), rgb(0 0 0 / 0.355) calc(50% + 170px + (50% - 170px) * 0.857), rgb(0 0 0 / 0.342) calc(50% + 170px + (50% - 170px) * 0.929), rgb(0 0 0 / 0.340) calc(50% + 170px + (50% - 170px) * 1.000)); }
  html.reel-scrim.hero-reel:not(.scrim-old):not(.scrim-box) .reel-band::after { -webkit-mask-image: none; mask-image: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 160px 160px, radial-gradient(ellipse calc((var(--r) - var(--l)) / 2 + 24px + var(--f)) 560px at calc((var(--l) + var(--r)) / 2) 52%, rgb(var(--c) / .64) 0%, rgb(var(--c) / 0.640) 48.0%, rgb(var(--c) / 0.639) 51.2%, rgb(var(--c) / 0.630) 54.5%, rgb(var(--c) / 0.609) 57.8%, rgb(var(--c) / 0.574) 61.0%, rgb(var(--c) / 0.525) 64.2%, rgb(var(--c) / 0.464) 67.5%, rgb(var(--c) / 0.394) 70.8%, rgb(var(--c) / 0.320) 74.0%, rgb(var(--c) / 0.246) 77.2%, rgb(var(--c) / 0.176) 80.5%, rgb(var(--c) / 0.115) 83.8%, rgb(var(--c) / 0.066) 87.0%, rgb(var(--c) / 0.031) 90.2%, rgb(var(--c) / 0.010) 93.5%, rgb(var(--c) / 0.001) 96.8%, rgb(var(--c) / 0.000) 100.0%), linear-gradient(90deg, rgb(var(--c) / .14) 0, rgb(var(--c) / 0.140) calc(var(--r) + 24px + var(--f) * 0.000), rgb(var(--c) / 0.139) calc(var(--r) + 24px + var(--f) * 0.133), rgb(var(--c) / 0.135) calc(var(--r) + 24px + var(--f) * 0.267), rgb(var(--c) / 0.126) calc(var(--r) + 24px + var(--f) * 0.400), rgb(var(--c) / 0.111) calc(var(--r) + 24px + var(--f) * 0.533), rgb(var(--c) / 0.091) calc(var(--r) + 24px + var(--f) * 0.667), rgb(var(--c) / 0.070) calc(var(--r) + 24px + var(--f) * 0.800), rgb(var(--c) / 0.049) calc(var(--r) + 24px + var(--f) * 0.933), rgb(var(--c) / 0.029) calc(var(--r) + 24px + var(--f) * 1.067), rgb(var(--c) / 0.014) calc(var(--r) + 24px + var(--f) * 1.200), rgb(var(--c) / 0.005) calc(var(--r) + 24px + var(--f) * 1.333), rgb(var(--c) / 0.001) calc(var(--r) + 24px + var(--f) * 1.467), rgb(var(--c) / 0.000) calc(var(--r) + 24px + var(--f) * 1.600)); }
  html.reel-scrim.hero-reel.scrim-dim:not(#a) .reel-band::after { -webkit-mask-image: none; mask-image: none; background: rgb(16 15 14 / .52); }
  html.reel-split.hero-reel .reel-band { --l: calc(max(0px, 50vw - 880px) + 5vw); --r: calc(var(--l) + min((min(100vw, 1760px) - 10vw) * .46, 560px));
    left: calc(50% - 50vw + max(var(--l) + 470px, 38vw)); width: auto; right: calc(50% - 50vw); top: 28px; bottom: 28px; border-radius: 14px 0 0 14px; overflow: hidden; -webkit-mask-image: none; mask-image: none; }
  html.reel-split.hero-reel .reel-band::after { content: none; }
  html.reel-split.hero-reel .reel-band video, html.reel-split.hero-reel .reel-band img { object-position: 64% 50%; }
  html.reel-split.hero-reel .hero-copy { position: relative; z-index: 2; }
  html.reel-scrim.hero-reel .hero-copy { position: relative; z-index: 2; }
  html.reel-scrim.hero-reel .hero-copy h1, html.reel-scrim.hero-reel .hero-copy h1 *, html.reel-scrim.hero-reel .hero-copy .hl-byline { color: #fff !important; -webkit-text-fill-color: #fff !important; }
  html.reel-scrim.hero-reel .hero-copy .hero-bottom p, html.reel-scrim.hero-reel .hero-copy .hero-bottom p .hb-p { color: #e8e7e6 !important; }
  html.reel-scrim.hero-reel .hero-copy .hero-work-button, html.reel-scrim.hero-reel .hero-copy .hero-work-button * { background: #fff !important; color: #262624 !important; }
  html.reel-scrim.hero-reel .hero-copy .hero-all-work { color: #fff !important; border-color: rgb(255 255 255 / .55) !important; background: rgb(255 255 255 / .06) !important; }
  html.reel-scrim.hero-reel .reel-motion { color: #fff; }
  html.hero-reel .hero-copy { max-width: 46%; }
  html.hero-reel .reel-motion { position: absolute; right: 0; bottom: 18px; margin: 0; }
  html.hero-reel .hero-copy h1, html.hero-reel .hero-copy .hero-bottom p { transition: color .45s; }
  html.hero-reel .hero-copy .hero-work-button { transition: background .45s, color .45s, transform .3s; }
  html.hero-reel .hero-copy .hero-all-work { transition: color .45s, border-color .45s, background .2s; }
  html.reel-dark.hero-reel .hero-copy h1 { color: #f5f5f5; }
  html.reel-dark.hero-reel .hero-copy .hero-bottom p { color: #cccbc7; }
  html.reel-dark.hero-reel .hero-copy .hero-work-button { background: #f5f5f5; color: var(--ink); }
  html.reel-dark.hero-reel .hero-copy .hero-all-work { color: #f5f5f5; border-color: #71706b; }
  html.reel-dark.hero-reel .reel-motion { color: #f5f5f5; }
}
@media (max-width: 1100px) {
  html.hero-reel .hero-intro { grid-template-columns: 1fr; gap: 0; }
  html.hero-reel .reel-band { aspect-ratio: 16 / 9; width: 100vw; margin: 28px calc(50% - 50vw) 0; }
}
@media (max-width: 760px) {
  html.hero-reel .reel-band { aspect-ratio: 4 / 5; }
  html.hero-reel .reel-band video, html.hero-reel .reel-band img { object-position: 50% 38%; }
}
html:not(.cardinset-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #featured .feature .feature-content { padding-left: 0 !important; padding-right: 0 !important; }
.single-demo { --dev-travel: calc(30% + 60px); }
@media (max-width: 560px) { .single-demo { --dev-travel: calc(15% + 30px); } }
@keyframes dev-out3h { from { translate: 0 0 0; rotate: y 0deg; } to { translate: calc(-1 * var(--dev-travel)) 0 -110px; rotate: y -34deg; } }
@keyframes dev-out3hr { from { translate: 0 0 0; rotate: y 0deg; } to { translate: var(--dev-travel) 0 -110px; rotate: y 34deg; } }
@keyframes dev-in3h { from { translate: var(--dev-travel) 0 -110px; rotate: y 34deg; } to { translate: 0 0 0; rotate: y 0deg; } }
@keyframes dev-in3hr { from { translate: calc(-1 * var(--dev-travel)) 0 -110px; rotate: y -34deg; } to { translate: 0 0 0; rotate: y 0deg; } }
html.dev-slots.dev-swing:not(.devturn4-old):not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not(#x):not(#y) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation: dev-out3h .7s cubic-bezier(.35, 0, .7, .5) both !important; }
html.dev-slots.dev-swing.dev-rev:not(.devturn4-old):not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not(#x):not(#y) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation-name: dev-out3hr !important; }
html.dev-swing:not(#k1):not(#k2):not(#k3):not(#k4) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2, figure).is-out.dev-kick { animation-timing-function: cubic-bezier(.3, .3, .75, .45) !important; animation-delay: -50ms !important; } html.dev-swing:not(#k1):not(#k2):not(#k3):not(#k4) .single-demo .dev-slot:has(> .is-out.dev-kick) { animation-timing-function: linear, cubic-bezier(.3, .3, .8, .6) !important; animation-delay: -50ms, -50ms !important; }
html.dev-slots.dev-swing:not(.devturn4-old):not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not(#x):not(#y) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { animation: dev-in3h .8s cubic-bezier(.2, .65, .3, 1) .12s both !important; }
html.dev-slots.dev-swing.dev-rev:not(.devturn4-old):not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not(#x):not(#y) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { animation-name: dev-in3hr !important; }
html.dev-slots .single-demo .dev-slot { position: absolute; inset: 0; perspective: inherit; perspective-origin: inherit; pointer-events: none; z-index: 1; }
html.dev-slots .single-demo .dev-slot:has(> .is-in) { z-index: 2; }
html.dev-slots .single-demo .dev-slot:has(> .is-out) { z-index: 0; }
html.dev-slots .single-demo .dev-slot > figure:not(.is-away):not(.is-out) { pointer-events: auto; }
@keyframes dev-slot-out { 0%, 20% { opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .6, 1); } 78%, 100% { opacity: 0; } }
@keyframes dev-slot-in { 0% { opacity: 0; animation-timing-function: cubic-bezier(.3, 0, .4, 1); } 32%, 100% { opacity: 1; } }
html.dev-slots.dev-swing:not(.devturn4-old) .single-demo .dev-slot:has(> .is-out) { animation: dev-slot-out .7s linear both; }
html.dev-slots.dev-swing:not(.devturn4-old) .single-demo .dev-slot:has(> .is-in) { animation: dev-slot-in .8s linear .12s both; }
html.dev-swing:not([data-devflat]) .single-demo :is(.is-out, .is-in) .display-foot { opacity: var(--dev-o, 1); }
.single-demo .is-away .device-screen :is(.scr-b, .scr-n) { transition: none; }
@media (min-width: 901px) { html.dev-cycle[data-displaydev]:not(.displaypos-old):not(#v):not(#w):not(#x):not(#y) .single-demo .demo-tablet.demo-display { top: 72px !important; } }
@media (prefers-reduced-motion: reduce) { html.dev-slots.dev-swing:not(#x):not(#y):not(#z) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2):is(.is-in, .is-out) { animation-name: none !important; } }
html.demo-paused .single-demo figure > .device-shell { animation-play-state: paused !important; }
html:not(.stagehaze) .single-demo .demo-stage::before { content: none; }
@media (min-width: 561px) and (max-width: 900px) {
  html.dev-cycle:not([data-ipadflat]):not(#x):not(#y) .single-demo .demo-tablet:not(.demo-display) { width: min(380px, calc(50vw - 28px)) !important; }
  html.dev-cycle[data-displaydev]:not(#v):not(#w):not(#x):not(#y) .single-demo .demo-tablet.demo-display { width: min(340px, calc(50vw - 36px)) !important; }
}
@media (max-width: 900px) {
  html:not(.abclose2-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .about-page .ab-close { text-align: left !important; }
  html:not(.abclose2-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .about-page .ab-close .ab-close-aside { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; }
  html:not(.abclose2-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .about-page .ab-close .ab-close-note { order: 1; margin: 0 !important; font-size: clamp(44px, 12vw, 64px) !important; line-height: 1 !important; text-align: left !important; }
  html:not(.abclose2-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .about-page .ab-close .ab-close-who { order: 2; display: flex !important; align-items: center !important; gap: 14px !important; margin: 28px 0 0 !important; padding: 0 !important; }
  html:not(.abclose2-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .about-page .ab-close .ab-close-face { width: 52px !important; height: 52px !important; margin: 0 !important; flex: none !important; }
  html:not(.abclose2-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .about-page .ab-close .ab-close-who p { display: block !important; margin: 0 !important; text-align: left !important; font-size: 15px !important; line-height: 1.4 !important; }
  html:not(.abclose2-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .about-page .ab-close .ab-close-who b { display: block !important; margin: 0 !important; font-size: 17px !important; font-weight: 600 !important; }
  html:not(.abclose2-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .about-page .ab-close .about-actions { order: 3; margin: 36px 0 0 !important; }
}
html:not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-body > p { margin-bottom: 20px !important; }
html:not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-body > .mini-card-footer { margin-top: auto !important; gap: 18px !important; }
html:not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-tags { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; padding: 0 !important; border-top: 1px solid var(--line) !important; }
html:not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-tags::before,
html:not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-tags::after { display: none !important; }
html:not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-tags > * { display: block !important; grid-column: 1 !important; padding: 10px 0 !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; }
html:not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-tags > * > .tag-material { display: none !important; }
html:not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-tags .tag-copy { display: grid !important; grid-template-columns: 112px minmax(0, 1fr) !important; column-gap: 12px !important; align-items: baseline !important; }
html:not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-tags .tag-copy small { font-size: 13px !important; font-weight: 500 !important; color: var(--muted) !important; }
html:not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-tags .tag-copy > span { font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; color: var(--ink) !important; }
html:not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-open { align-self: flex-end !important; margin: 0 !important; }
html:not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) .mini-card-footer .mini-open { padding: 8px 14px !important; min-height: 38px !important; }
@media (min-width: 561px) {
  html:not(.cardrows-old):not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) { grid-auto-rows: auto !important; row-gap: 0 !important; align-items: stretch !important; }
  html:not(.cardrows-old):not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project:not([hidden]) { display: grid !important; grid-row: span 8 !important; grid-template-rows: subgrid !important; row-gap: 0 !important; margin-bottom: 36px !important; }
  html:not(.cardrows-old):not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project :is(.mini-body, .mini-card-footer, .mini-tags) { display: contents !important; }
  html:not(.cardrows-old):not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project > .mini-photo { grid-row: 1; }
  html:not(.cardrows-old):not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-meta { grid-row: 2; margin: 18px 4px 0 !important; }
  html:not(.cardrows-old):not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-body > h3 { grid-row: 3; margin: 10px 4px 0 !important; }
  html:not(.cardrows-old):not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-body > p { grid-row: 4; margin: 14px 4px 20px !important; }
  html:not(.cardrows-old):not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-tags > * { margin: 0 4px !important; align-self: stretch !important; }
  html:not(.cardrows-old):not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-tags > :nth-child(1) { grid-row: 5; border-top: 1px solid var(--line) !important; }
  html:not(.cardrows-old):not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-tags > :nth-child(2) { grid-row: 6; }
  html:not(.cardrows-old):not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-tags > :nth-child(3) { grid-row: 7; }
  html:not(.cardrows-old):not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-open { grid-row: 8; margin: 18px 4px 4px !important; justify-self: end !important; align-self: end !important; }
}
.single-demo .demo-phone-back:has(video.hb-clip) :is(.device-shell, .device-screen) { aspect-ratio: 772 / 1648; height: auto !important; border-radius: 16.8% / 7.9% !important; }
.single-demo .demo-phone-back .device-screen video.hb-clip { position: absolute; left: -2.07%; top: -.73%; width: 104.15% !important; height: 101.46% !important; max-width: none; object-fit: fill; }
.trane-gallery .trane-shot { margin: 0; }
.trane-gallery .trane-shot img { display: block; width: 100%; height: auto; border-radius: 12px; }
.trane-gallery .trane-shot figcaption { display: grid; gap: 4px; margin-top: 14px; max-width: 62ch; }
.trane-gallery .trane-shot figcaption b { font-weight: 600; font-size: 16px; color: var(--ink); }
.trane-gallery .trane-shot figcaption span { font-size: 15px; line-height: 1.5; color: var(--muted); }
html.has-lightbox :is(#case-content, #small-detail) :is(.case-image, figure):not(.project-pagination *) { cursor: zoom-in; }
html.lb-open, html.lb-open body { overflow: hidden; }
.lb { position: fixed; inset: 0; z-index: 2147483000; background: #181716; opacity: 0; visibility: hidden; transition: opacity .3s, visibility 0s .3s; overscroll-behavior: contain; touch-action: none; }
.lb.is-open { opacity: 1; visibility: visible; transition: opacity .3s; }
.lb-stage { position: absolute; inset: 0; overflow: hidden; }
.lb-img { position: absolute; left: 0; top: 0; max-width: none; border-radius: 8px; cursor: zoom-in; user-select: none; -webkit-user-drag: none; transition: transform .38s cubic-bezier(.2,.7,.2,1), width .38s cubic-bezier(.2,.7,.2,1), height .38s cubic-bezier(.2,.7,.2,1); }
.lb.is-zoomed .lb-img { cursor: zoom-out; border-radius: 0; transition: width .38s cubic-bezier(.2,.7,.2,1), height .38s cubic-bezier(.2,.7,.2,1); }
.lb-cap { position: absolute; left: 56px; right: 56px; bottom: 22px; margin: 0; text-align: center; color: #dbdad7 !important; font-size: 15px; line-height: 1.4; pointer-events: none; transition: opacity .2s; }
.lb.is-zoomed .lb-cap, .lb.is-zoomed :is(.lb-prev, .lb-next) { opacity: 0; pointer-events: none; }
.lb :is(.lb-close, .lb-prev, .lb-next) { position: absolute; width: 44px; height: 44px; border: 0; border-radius: 8px; background: rgb(255 255 255 / .1); color: #f5f5f5; font-size: 18px; line-height: 1; cursor: pointer; transition: background .2s, opacity .2s; }
.lb :is(.lb-close, .lb-prev, .lb-next):hover { background: rgb(255 255 255 / .2); }
.lb-close { top: 16px; right: 16px; z-index: 2; }
.lb :is(.lb-prev, .lb-next) { top: calc(50% - 22px); z-index: 2; }
.lb-prev { left: 16px; } .lb-next { right: 16px; }
.lb.is-single :is(.lb-prev, .lb-next) { display: none; }
@media (max-width: 699px) { .lb :is(.lb-prev, .lb-next) { top: auto; bottom: 12px; } .lb-cap { left: 68px; right: 68px; bottom: 20px; font-size: 13px; } .lb-close { top: 10px; right: 10px; } }
@media (prefers-reduced-motion: reduce) { .lb, .lb-img { transition: none !important; } }
@media (min-width: 900px) {
  html.inspo-end:not(.inspoclose-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .curio-end .curio-copy { width: fit-content !important; max-width: 100% !important; margin-inline: auto !important; }
  html.inspo-end:not(.inspoclose-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .curio-end .ab-close { margin: 0 !important; }
  html.inspo-end:not(.inspoclose-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .curio-end .ab-close::after { content: none !important; }
  html.inspo-end:not(.inspoclose-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .curio-end .ab-close-aside { display: grid !important; grid-template-columns: auto auto !important; grid-template-areas: "note note" "who actions" !important; justify-content: space-between !important; align-items: center !important; column-gap: 32px !important; row-gap: 44px !important; border: 0 !important; padding: 0 !important; text-align: left !important; }
  html.inspo-end:not(.inspoclose-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .curio-end .ab-close-note { grid-area: note !important; margin: 0 !important; max-width: none !important; font-size: clamp(56px, 8.1vw, 86px) !important; line-height: 1 !important; letter-spacing: -.035em !important; white-space: nowrap !important; text-align: left !important; }
  html.inspo-end:not(.inspoclose-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .curio-end .ab-close-who { grid-area: who !important; display: flex !important; align-items: center !important; gap: 16px !important; margin: 0 !important; }
  html.inspo-end:not(.inspoclose-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .curio-end .ab-close-who p { margin: 0 !important; text-align: left !important; }
  html.inspo-end:not(.inspoclose-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .curio-end .ab-close .about-actions { grid-area: actions !important; margin: 0 !important; justify-content: flex-end !important; }
}
html:not(.cardbtn-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body :is(#featured .feature .feature-action, #more-grid .mini-project .mini-open) { transition: background-color .25s ease, color .25s ease, translate .38s cubic-bezier(.22, 1, .36, 1), filter .38s cubic-bezier(.22, 1, .36, 1) !important; }
@media (hover: hover) {
  html:not(.cardbtn-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body :is(#featured .feature:hover .feature-action, #more-grid .mini-project:hover .mini-open) { background: var(--ink) !important; color: #fff !important; box-shadow: none !important; translate: 0 -2px !important; filter: drop-shadow(0 6px 8px rgb(34 33 31 / .16)) !important; }
  html:is([data-tod=night], [data-variant=nocturne]):not(.cardbtn-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body :is(#featured .feature:hover .feature-action, #more-grid .mini-project:hover .mini-open) { filter: drop-shadow(0 6px 10px rgb(0 0 0 / .45)) !important; color: var(--bg) !important; }
}
html:not(.cardbtn-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body :is(#featured .feature:active .feature-action, #more-grid .mini-project:active .mini-open) { translate: 0 0 !important; filter: none !important; transition-duration: .06s !important; }
@media (max-width: 760px) { html:not(.carcta-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body :is(.hero .single-demo .dev-cta, .flow-stage .cf-open) { display: none !important; } }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .single-demo .dev-cta.dev-cta--btn { translate: -50% calc(-50% + 6px); align-items: center; padding: 9px 16px !important; border-radius: 8px; font-size: 15px; background: #f6f6f4 !important; color: rgb(17 17 17) !important; box-shadow: inset 0 0 0 1px #b9b9b5, 0 6px 12px -6px rgb(17 17 17 / .24) !important; transition: opacity .25s ease, translate .38s cubic-bezier(.22, 1, .36, 1), background-color .2s ease, box-shadow .38s cubic-bezier(.22, 1, .36, 1); }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .single-demo .dev-cta.dev-cta--btn.is-on { translate: -50% -50%; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .single-demo .dev-cta.dev-cta--btn.is-on:hover { translate: -50% calc(-50% - 2px); background: #ececea !important; box-shadow: inset 0 0 0 1px #b9b9b5, 0 8px 14px -6px rgb(17 17 17 / .3) !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .single-demo .dev-cta.dev-cta--btn { background: #1d1d1e !important; color: rgb(243 243 241) !important; box-shadow: inset 0 0 0 1px #4a4a4a, 0 6px 12px -6px rgb(0 0 0 / .5) !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .single-demo .dev-cta.dev-cta--btn.is-on:hover { background: #262627 !important; box-shadow: inset 0 0 0 1px #4a4a4a, 0 8px 14px -6px rgb(0 0 0 / .55) !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .single-demo .dev-cta.dev-cta--btn.dev-cta--scrim { box-shadow: inset 0 0 0 1px #b9b9b5, 0 6px 12px -6px rgb(17 17 17 / .24), 0 0 44px 26px rgb(0 0 0 / .16) !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .single-demo .dev-cta.dev-cta--btn.dev-cta--scrim.is-on:hover { box-shadow: inset 0 0 0 1px #b9b9b5, 0 8px 14px -6px rgb(17 17 17 / .3), 0 0 44px 26px rgb(0 0 0 / .16) !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .single-demo .dev-cta.dev-cta--btn.dev-cta--scrim { box-shadow: inset 0 0 0 1px #4a4a4a, 0 6px 12px -6px rgb(0 0 0 / .5), 0 0 44px 26px rgb(0 0 0 / .24) !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .single-demo .dev-cta.dev-cta--btn.dev-cta--scrim.is-on:hover { box-shadow: inset 0 0 0 1px #4a4a4a, 0 8px 14px -6px rgb(0 0 0 / .55), 0 0 44px 26px rgb(0 0 0 / .24) !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .hero-view { display: flex; align-items: baseline; gap: 14px; min-height: 22px; margin: -2px 0 0; font-size: 15px; line-height: 1.4; color: var(--muted); }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .hero-view .hn-view { display: inline-flex; align-items: center; gap: 6px; color: var(--ink); font-weight: 600; text-decoration: none; white-space: nowrap; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .hero-view .hn-view svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: translate .3s cubic-bezier(.2, .7, .2, 1); }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .hero-view .hn-view:hover svg { translate: 3px 0; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero:has(.hero-view) .hero-proj { display: none !important; }
@media (hover: hover) {
  html:not(.vphover-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body :is(#featured .feature:is(:hover, :focus-visible) .feature-action, #more-grid:not(.is-list) .mini-project:is(:hover, :focus-within) .mini-open) { background-color: var(--ink) !important; color: #fff !important; background-image: linear-gradient(color-mix(in srgb, currentColor 9%, transparent), color-mix(in srgb, currentColor 9%, transparent)) !important; box-shadow: none !important; translate: 0 -2px !important; filter: drop-shadow(0 6px 8px rgb(17 17 17 / .16)) !important; }
  html:is([data-tod=night], [data-variant=nocturne]):not(.vphover-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body :is(#featured .feature:is(:hover, :focus-visible) .feature-action, #more-grid:not(.is-list) .mini-project:is(:hover, :focus-within) .mini-open) { color: rgb(17 17 17) !important; filter: drop-shadow(0 6px 10px rgb(0 0 0 / .45)) !important; }
}
@media (hover: hover) {
  html:not(.vphover-old):not(.vphover-lift):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body :is(#featured .feature:is(:hover, :focus-visible) .feature-action, #more-grid:not(.is-list) .mini-project:is(:hover, :focus-within) .mini-open) { background: rgb(17 17 17 / .06) !important; color: rgb(17 17 17) !important; box-shadow: inset 0 0 0 1px #b9b9b5, 0 6px 12px -6px rgb(17 17 17 / .24) !important; filter: none !important; translate: 0 -2px !important; }
  html:is([data-tod=night], [data-variant=nocturne]):not(.vphover-old):not(.vphover-lift):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body :is(#featured .feature:is(:hover, :focus-visible) .feature-action, #more-grid:not(.is-list) .mini-project:is(:hover, :focus-within) .mini-open), html:not(.vphover-old):not(.vphover-lift):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body .flow-stage .cf-open:is(:hover, :focus-visible) { background: rgb(243 243 241 / .06) !important; color: rgb(243 243 241) !important; box-shadow: inset 0 0 0 1px #4a4a4a, 0 6px 12px -6px rgb(0 0 0 / .5) !important; filter: none !important; translate: 0 -2px !important; }
  html:not(.vphover-old):not(.vphover-lift):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body :is(#featured .feature:is(:hover, :focus-visible) .feature-action, #more-grid:not(.is-list) .mini-project:is(:hover, :focus-within) .mini-open), html:not(.vphover-old):not(.vphover-lift):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body :is(#featured .feature:is(:hover, :focus-visible) .feature-action, #more-grid:not(.is-list) .mini-project:is(:hover, :focus-within) .mini-open) *, html:not(.vphover-old):not(.vphover-lift):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body .flow-stage .cf-open:is(:hover, :focus-visible), html:not(.vphover-old):not(.vphover-lift):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body .flow-stage .cf-open:is(:hover, :focus-visible) * { -webkit-text-fill-color: currentColor !important; }
  html:not(.vphover-old):not(.vphover-lift):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body :is(#featured .feature:is(:hover, :focus-visible) .feature-action, #more-grid:not(.is-list) .mini-project:is(:hover, :focus-within) .mini-open) > span, html:not(.vphover-old):not(.vphover-lift):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body .flow-stage .cf-open:is(:hover, :focus-visible) > span { color: inherit !important; }
}
@media (hover: hover) and (pointer: fine) {
  html.selzoom-title:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #featured .feature :is(h3:not(:has(.work-title-highlight)), h3 .work-title-highlight) { text-decoration: underline 2px transparent !important; text-underline-offset: .16em !important; text-decoration-skip-ink: auto; transition: text-decoration-color 110ms ease-out !important; }
  html.selzoom-title:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #featured .feature:is(:hover, :focus-visible) :is(h3:not(:has(.work-title-highlight)), h3 .work-title-highlight) { text-decoration-color: currentColor !important; transition-duration: 150ms !important; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html.selzoom-on:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #featured .feature .feature-image > img { transition: transform 180ms cubic-bezier(.32, .72, 0, 1) !important; will-change: transform; }
  html.selzoom-on:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #featured .feature:hover .feature-image > img { transform: scale(1.02) !important; transition-duration: 250ms !important; }
  html.selzoom-slow:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #featured .feature .feature-image > img, html.selzoom-slow:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #featured .feature:hover .feature-image > img { transition: transform 1.2s cubic-bezier(.33, 1, .68, 1) !important; }
  html.selzoom-slow:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #featured .feature:hover .feature-image > img { transform: scale(1.02) !important; }
  html.selzoom-old:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #featured .feature .feature-image > img, html.selzoom-old:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #featured .feature:is(:hover, :focus-visible) .feature-image > img { transition: transform .6s cubic-bezier(.22, 1, .36, 1) !important; }
  html.selzoom-old:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #featured .feature:is(:hover, :focus-visible) .feature-image > img { transform: scale(1.06) !important; }
}
html:not(.selzoom-on):not(.selzoom-slow):not(.selzoom-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #featured .feature:hover .feature-image img { transform: none !important; }
@media (hover: hover) and (pointer: fine) {
  html:not(.minititle-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .mini-project :is(h3:not(:has(.work-title-highlight)), h3 .work-title-highlight) { transition: color 110ms ease-out, -webkit-text-fill-color 110ms ease-out !important; }
  html:not(.minititle-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .mini-project:is(:hover, :focus-visible) :is(h3:not(:has(.work-title-highlight)), h3 .work-title-highlight) { color: var(--accent) !important; -webkit-text-fill-color: var(--accent) !important; transition-duration: 150ms !important; }
}
html.minicard-old.minifoot-inline:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-card-footer { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; column-gap: 16px !important; row-gap: 0 !important; align-items: center !important; }
html.minicard-old.minifoot-inline:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-card-footer .mini-tags { display: contents !important; }
html.minicard-old.minifoot-inline:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-tags > :is(:nth-child(1), :nth-child(2)) { grid-column: 1 / -1 !important; align-items: center !important; }
html.minicard-old.minifoot-inline:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-tags > :is(:nth-child(1), :nth-child(2)) small { display: none !important; }
html.minicard-old.minifoot-inline:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-tags > :nth-child(1) { grid-row: 1 !important; margin-bottom: 10px !important; }
html.minicard-old.minifoot-inline:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-tags > :nth-child(2) { grid-row: 2 !important; padding-bottom: 13px !important; border-bottom: 1px solid rgb(38 38 36 / .14) !important; }
html.minicard-old.minifoot-inline:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-tags > :nth-child(3) { grid-row: 3 !important; grid-column: 1 !important; padding-top: 14px !important; margin: 0 !important; }
html.minicard-old.minifoot-inline:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-card-footer .mini-open { grid-row: 3 !important; grid-column: 2 !important; margin: 14px 0 0 !important; align-self: center !important; justify-self: end !important; }
html.minicard-old.minifoot-inline:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-card-footer .mini-tags::before, html.minicard-old.minifoot-inline:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-card-footer .mini-tags::after { content: none !important; }
html.minicard-old:not(.minifoot-old):not(.minifoot-inline):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-tags > * small { display: none !important; }
html.minicard-old:not(.minifoot-old):not(.minifoot-inline):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-tags > * { align-items: center !important; }
html.minicard-old:not(.minifoot-old):not(.minifoot-inline):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-tags > .role-pill > .tag-material { display: flex !important; }
html.minicard-old:not(.minifoot-old):not(.minifoot-inline):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-tags > .role-pill { padding-left: 0 !important; margin-left: 0 !important; }
html.minicard-old:not(.minifoot-old):not(.minifoot-inline):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-card-footer .mini-tags { padding-bottom: 15px !important; }
html.minicard-old:not(.minifoot-old):not(.minifoot-inline):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-card-footer .mini-open { margin-top: 1px !important; }
html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #featured .feature .role > .role-fact > .role-icon { width: 30px !important; margin: 0 12px 0 0 !important; }
.results-page > .experience-cta.res-close { margin: 96px calc(50% - 50vw) 0 !important; width: auto !important; max-width: none !important; }
html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body main.results-page:has(> .experience-cta.res-close) { padding-bottom: 0 !important; }
@media (max-width: 700px) { .results-page > .experience-cta.res-close { margin-top: 64px !important; } }
.ab-info > .abi-stat.abi-wide { grid-column: span 2; }
.abi-screens .dv { fill: none; stroke: var(--accent); stroke-width: 1.6px; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transform: translateY(6px); transition: opacity .4s ease, transform .55s cubic-bezier(.16, 1, .3, 1); transition-delay: calc(var(--c, 0s) + var(--w) * 110ms); }
.abi-screens .dv * { vector-effect: non-scaling-stroke; }
.abi-screens .dv .f { fill: var(--accent); fill-opacity: .14; stroke: none; }
.ab-info.is-in .abi-screens .dv { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .abi-screens .dv { opacity: 1; transform: none; transition: none; } }
.abi-scr { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); align-items: end; width: 100%; height: 100%; padding-bottom: 6px; }
.abi-scr-i { display: grid; justify-items: center; gap: 8px; min-width: 0; white-space: nowrap; font: 600 .5rem/1.15 var(--font-site); letter-spacing: .05em; text-transform: uppercase; color: var(--muted); text-align: center; }
.abi-scr-i svg { width: 38px; height: 38px; fill: none; stroke: var(--accent); stroke-width: 1.6px; stroke-linecap: round; stroke-linejoin: round; overflow: visible; opacity: 0; transform: translateY(6px); transition: transform .56s cubic-bezier(.16, 1, .3, 1), opacity .36s ease; transition-delay: calc(var(--c, 0s) + var(--w) * 70ms); }
.abi-scr-i svg * { vector-effect: non-scaling-stroke; }
.abi-scr-i svg .f { fill: var(--accent); fill-opacity: .14; stroke: none; }
.abi-scr-i svg .d { stroke-width: 1.2px; opacity: .75; }
.abi-scr-i svg .m { stroke-width: 1px; opacity: .45; }
.abi-scr-i > span { opacity: 0; transition: opacity .4s ease calc(var(--c, 0s) + 200ms + var(--w) * 70ms); }
.ab-info.is-in .abi-scr-i svg, .ab-info.is-in .abi-scr-i > span { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .abi-scr-i svg, .abi-scr-i > span { opacity: 1; transform: none; transition: none; } }
@media (max-width: 560px) { .abi-scr { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 16px; align-content: end; } .abi-scr-i svg { width: 34px; height: 34px; } }
@media (min-width: 561px) { html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .ab-info:has(> .abi-wide) { grid-template-rows: auto auto !important; grid-auto-rows: auto !important; } }
@media (min-width: 561px) { html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .ab-info > .abi-wide .abi-vis { height: auto !important; } }
@media (min-width: 561px) { html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .ab-info > .abi-wide .abi-scr { height: auto !important; padding: 4px 0 0 !important; } }
@media (min-width: 561px) { html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .ab-info > .abi-wide > .abi-vis { order: 4 !important; margin-top: auto !important; padding-top: 20px !important; } }
html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .hero .hero-bottom > p { max-width: 36.5rem !important; }
@media (max-width: 560px) {
  html:not(.factstack-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #featured .feature .feature-tags { grid-template-columns: minmax(0, 1fr) !important; row-gap: 4px !important; }
  html:not(.factstack-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #featured .feature .feature-tags::after { display: none !important; }
  html:not(.factstack-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #featured .feature .feature-tags > .domain-pill { padding-left: 0 !important; margin-left: 0 !important; border-left: 0 !important; }
  html:not(.factstack-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #featured .feature .role { margin-top: 10px !important; }
}
@media (max-width: 560px) {
  html.factstack-old:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #featured .feature .role { margin-top: -8px !important; padding-top: 15px !important; }
}
html.minicard-old:not(.minisplit-old):not(.minifoot-old):not(.minifoot-inline):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-card-footer .mini-tags { grid-template-columns: minmax(0, 1fr) !important; }
html.minicard-old:not(.minisplit-old):not(.minifoot-old):not(.minifoot-inline):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-card-footer .mini-tags > * { grid-column: 1 / -1 !important; }
html.minicard-old:not(.minisplit-old):not(.minifoot-old):not(.minifoot-inline):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-card-footer .mini-tags::after { content: none !important; display: none !important; }
html.minicard-old:not(.minisplit-old):not(.minifoot-old):not(.minifoot-inline):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-card-footer .mini-tags { row-gap: 10px !important; }
html.minicard-old:not(.minisplit-old):not(.minifoot-old):not(.minifoot-inline):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-card-footer .mini-tags > * { padding: 0 !important; border-left: 0 !important; margin-left: 0 !important; }
@media (max-width: 700px) {
  html:not(.moonscroll-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body:has(.results-page) > .mountain-sky.summit-sky { position: fixed !important; top: 0 !important; height: 100lvh !important; max-height: none !important; }
}
@media (max-width: 700px) {
  html:not(.closebtn-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .ab-close .about-actions { flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; width: auto !important; }
  html:not(.closebtn-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .ab-close .about-actions .about-btn { width: auto !important; flex: 0 0 auto !important; align-self: auto !important; }
  html.inspo-end:not(.closebtn-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .curio-end .ab-close .about-actions { justify-content: center !important; }
}
@media (min-width: 1101px) {
  html:not(.herobr-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .hero .hero-bottom > p { max-width: none !important; }
  html:not(.herobr-old) body .hero .hero-bottom > p:not(.hc-alt) .hb-p:is(:nth-child(2), :nth-child(4), :nth-child(6), :nth-child(8))::after { content: '\A'; white-space: pre; }
}
@media (max-width: 700px) {
  html:not(.chipfade-old) .cx-list { -webkit-mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent); mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent); }
}
@media (min-width: 641px) { .work-note .lock-br { display: none; } }
@media (max-width: 700px) {
  html.inspo-page:not(.copysnap-old):not(#x) .curio-story .curio-beat .curio-copy { scroll-snap-align: none !important; scroll-snap-stop: normal !important; }
}
html body .hero .hero-bottom > p.hc-alt .hb-p { display: block; }
@media (min-width: 1101px) { html body .hero .hero-bottom > p.hc-alt { max-width: none !important; } html body .hero .hero-bottom > p.hc-alt :is(.hb-i, .hb-i + .hb-p) { display: inline; } html body .hero .hero-bottom > p.hc-alt .hb-i + .hb-p::after { content: '\A'; white-space: pre; } }
@media (max-width: 640px) { html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #work .work-note .lead-l:has(.lock-br) { white-space: nowrap; text-wrap: nowrap; } }
html:not(.lockicon-on):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body :is(#work, #more) .work-note { padding-left: 0 !important; display: block !important; }
html:not(.lockicon-on):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body :is(#work, #more) .work-note::before { content: none !important; display: none !important; }
html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .impact-grid > .impact-card.rv-wait { opacity: 0 !important; transform: translateY(34px) scale(.985) !important; transition: none !important; }
html:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .impact-grid > .impact-card.rv-wait.rv-in { opacity: 1 !important; transform: none !important; transition: opacity .7s cubic-bezier(.22, 1, .36, 1) var(--rv, 0s), transform 1.05s cubic-bezier(.16, 1, .3, 1) var(--rv, 0s) !important; }
html.hl-name .hero-bottom > p.hl-lead .hl-byline { display: block; margin: 0 0 12px; font-weight: 600; color: var(--ink); }
html[data-tod=night].hl-name .hero-bottom > p.hl-lead .hl-byline, html[data-variant=nocturne].hl-name .hero-bottom > p.hl-lead .hl-byline { color: #f3f3f2; }
html.hl-name:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body > .nav .identity-name { opacity: var(--hl-name, 0); translate: 0 calc((1 - var(--hl-name, 0)) * 10px); will-change: opacity, translate; }
@media (prefers-reduced-motion: reduce) { html.hl-name body > .nav .identity-name { translate: none !important; } }
@media (prefers-reduced-motion: no-preference) {
  html[data-results=mission].ra-ready:not(.cardrise-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .results-page .impact-card { opacity: 1 !important; translate: 0 34px !important; transition: translate .95s cubic-bezier(.2, .7, .2, 1) var(--ra-d, 0s), background-color .35s ease, box-shadow .35s ease !important; }
  html[data-results=mission].ra-ready:not(.cardrise-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .results-page .impact-card.is-seen { translate: none !important; }
  html[data-results=mission][data-rin=tilt].ra-ready:not(.cardrise-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .results-page .impact-card { translate: 0 26px !important; rotate: x 22deg !important; scale: .965 !important; transform-origin: 50% 100%; transition: translate .9s cubic-bezier(.2, .8, .2, 1) var(--ra-d, 0s), rotate .9s cubic-bezier(.2, .8, .2, 1) var(--ra-d, 0s), scale .9s cubic-bezier(.2, .8, .2, 1) var(--ra-d, 0s), background-color .35s ease, box-shadow .35s ease !important; }
  html[data-results=mission][data-rin=tilt].ra-ready:not(.cardrise-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .results-page .impact-card.is-seen { translate: none !important; rotate: none !important; scale: none !important; }
  html[data-results=mission][data-rin=tilt].ra-ready .results-page .impact-grid { perspective: 1400px; }
  html[data-results=mission][data-rin=spring].ra-ready:not(.cardrise-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .results-page .impact-card { translate: 0 52px !important; transition: translate .85s cubic-bezier(.3, 1.32, .45, 1) var(--ra-d, 0s), background-color .35s ease, box-shadow .35s ease !important; }
  html[data-results=mission][data-rin=spring].ra-ready:not(.cardrise-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .results-page .impact-card.is-seen { translate: none !important; }
  html[data-results=mission].ra-ready:not(.cardrise-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .results-page .impact-card > :is(.impact-big, .impact-label, .impact-text, .impact-src) { opacity: 1 !important; translate: none !important; transition: none !important; }
}
html.hl-name.hl-step:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body > .nav .identity-name { opacity: 0; translate: 0 14px; transition: opacity .3s ease, translate .55s cubic-bezier(.16, 1, .3, 1); }
html.hl-name.hl-step.hl-shown:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body > .nav .identity-name { opacity: 1; translate: none; transition: opacity .4s ease, translate .6s cubic-bezier(.16, 1, .3, 1); }
@media (prefers-reduced-motion: no-preference) {
  html.hl-name.heroin-rise:not(#s):not(#t):not(#u) body .hero-copy :is(.hero-title-line, .hero-bottom > p, .hero-actions > a) { mask-image: none; -webkit-mask-image: none; animation: hl-rise 1100ms cubic-bezier(.16, 1, .3, 1) 120ms both; }
  html.hl-name.heroin-rise:not(#s):not(#t):not(#u) body .hero-copy .hero-bottom > p { animation-delay: 240ms; }
  html.hl-name.heroin-rise:not(#s):not(#t):not(#u) body .hero-copy .hero-actions > a { animation-delay: 360ms; }
  html.hl-name.heroin-rise:not(#s):not(#t):not(#u) body .hero-copy .hero-actions > a + a { animation-delay: 420ms; }
  html.hl-name:not(.hl-in):not(#s):not(#t):not(#u) body .hero-copy :is(.hero-title-line, .hero-bottom > p, .hero-actions > a) { animation-play-state: paused; }
}
@keyframes hl-rise { from { opacity: 0; translate: 0 22px; } to { opacity: 1; translate: none; } }
.hl-ghost { position: fixed; left: 0; top: 0; z-index: 90; margin: 0; white-space: pre; line-height: 1; transform-origin: 0 0; pointer-events: none; visibility: hidden; will-change: transform, opacity; }
html.hl-flying .hero-copy h1 .hero-title-line { visibility: hidden; }
html.hl-fly.hl-flying body>.nav .identity canvas.identity-peak3d { transform: translateX(var(--peak-away, -55%)); opacity: 0; }
html.on-work:not(.avatar-photo) body>.nav .identity img.identity-avatar { scale: var(--peak-scale, .78); transform-origin: 20% 100%; }
@media (max-width: 700px) { html:not(.peakphone-old) { --peak-scale: 1; } }
html.peaksize-old { --peak-scale: 1; } html.peaksize-70 { --peak-scale: .7; }
html.on-work:not(.peakspeed-old) body>.nav .identity canvas.identity-peak3d { transition: transform .26s cubic-bezier(.3,0,.2,1), opacity .2s ease-out; }
html.peakfar { --peak-away: calc(-100% - 5vw - 60px); }
html.hl-fly.hl-flying body>.nav .identity .identity-name { transform: translateX(calc(-1 * var(--avatar-shift,87px))); }
html.hl-name:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .hero .hero-bottom > p.hl-lead .hl-byline { font-size: clamp(1.25rem, 1.1rem + .6vw, 1.625rem); line-height: 1.2; font-weight: 600; letter-spacing: -.012em; margin: 0 0 14px; }
@media (min-width: 701px) { html.hl-name:not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .hero .hero-bottom > p.hl-lead { margin-top: -8px; } }
html:not(.themering-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body > .nav .theme-toggle { border-color: var(--themering, rgb(34 33 31)) !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(.themering-old) { --themering: rgb(255 255 255 / .35); }
html:not(.themering-old):not(.themering-line):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body > .nav .theme-toggle { border-color: transparent !important; }
html:not(.themering-old):not(.themering-line) body > .nav .theme-toggle:hover { background: rgb(38 38 36 / .06); }
html.is-night:not(.themering-old):not(.themering-line) body > .nav .theme-toggle:hover { background: rgb(255 255 255 / .1); }
html:not(.themering-old):not(.themering-line) body > .nav .nav-resume + .theme-toggle { margin-left: -18px; }
html:not(.haze-on):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .ab-hero::before { display: none !important; }
html.solidcards:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body :is(.results-page .impact-card.impact-card, .ab-info .abi-face, main.contact-page .contact-primary) { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: inset 0 0 0 1px var(--line) !important; border-radius: 14px !important; }
html.solidcards:is([data-tod=night], [data-variant=nocturne]):not(.contact-day):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body :is(.results-page .impact-card.impact-card, .ab-info .abi-face, main.contact-page .contact-primary) { background: rgb(45 44 42) !important; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .12) !important; }
html.rhl-figs:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .results-page .impact-card.impact-card > .impact-big { color: var(--accent) !important; -webkit-text-fill-color: var(--accent) !important; }
html:not(.rhl-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .results-page .impact-card.impact-card .impact-src span { background: var(--accent) !important; border-color: var(--accent) !important; color: #fff !important; }
html.rhl-figs:is([data-tod=night], [data-variant=nocturne]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .results-page .impact-card.impact-card > .impact-big { color: #ff5a4e !important; -webkit-text-fill-color: #ff5a4e !important; }
html:not(.rhl-old):is([data-tod=night], [data-variant=nocturne]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .results-page .impact-card.impact-card .impact-src span { background: #ff5a4e !important; border-color: #ff5a4e !important; color: #1a1a1c !important; }
html:not(.rhl-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .results-page .impact-card.impact-card .impact-label::before { background: color-mix(in srgb, var(--accent) 50%, transparent) !important; }
html:not(.rhl-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .results-page .impact-card.impact-card .impact-label::after, html:not(.rhl-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .results-page .impact-card.impact-card::after { background: var(--accent) !important; }
html:not(.rhl-old):is([data-tod=night], [data-variant=nocturne]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .results-page .impact-card.impact-card .impact-label::before { background: rgb(240 139 189 / .5) !important; }
html:not(.rhl-old):is([data-tod=night], [data-variant=nocturne]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .results-page .impact-card.impact-card .impact-label::after, html:not(.rhl-old):is([data-tod=night], [data-variant=nocturne]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .results-page .impact-card.impact-card::after { background: #ff5a4e !important; }
html:not(.edges-old):is([data-tod=night], [data-variant=nocturne]) .esm-gallery .esm-shot :is(img, video) { box-shadow: 0 0 0 1px rgb(255 255 255 / .08); }
html:not(.edges-old) .ama-gallery .esm-shot video { aspect-ratio: 1440 / 825; object-fit: cover; object-position: 50% 100%; }
html.ra-rising:not(.resblur-snap):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .results-page .impact-card.impact-card.impact-card.impact-card { -webkit-backdrop-filter: blur(11px) saturate(1.4) !important; backdrop-filter: blur(11px) saturate(1.4) !important; }
html.rhl-old:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card.impact-card .impact-src span { background: transparent !important; color: inherit !important; border-color: color-mix(in srgb, currentColor 32%, transparent) !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .single-demo .demo-tablet4 .device-screen { aspect-ratio: 1484 / 1060 !important; height: auto !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .single-demo .demo-tablet4 .device-screen img { width: 100% !important; height: 100% !important; object-fit: fill !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .single-demo .demo-tablet4 .device-screen .scr-n { transition: opacity .45s cubic-bezier(.45, 0, .25, 1) !important; }
.hl-lead .hb-br { display: none; } @media (min-width: 1101px) { .hl-lead .hb-br { display: inline; } }
html:not(.ctacol-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body main .experience-cta.exp-close.res-close { padding-left: max(5vw, calc(50vw - 780px)) !important; padding-right: max(5vw, calc(50vw - 780px)) !important; }
html:not(#x):not(#y) .single-demo .demo-phone3.esm-phone.esm-phone-off { display: none !important; }
html:not(#x):not(#y) .single-demo .demo-display.demo-esm2 .device-screen :is(img, video) { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
canvas.tile-depth.tile-depth { position: absolute; z-index: 1; pointer-events: none; opacity: 0; display: block; scale: none !important; transform: none !important; translate: none !important; }
html.tiledepth:not(.bigwork):not(#a):not(#b):not(#c) body #featured .feature-image img, html.bigwork:not(#a):not(#b):not(#c) body #featured > .feature:nth-child(-n+3) .feature-image img { transform: none !important; }
html:not(.plan-on) .blueprint-plan { visibility: hidden !important; }
body>.nav .identity b.identity-name.has-role { position: relative; top: -7px; }
body>.nav .identity b.identity-name .identity-role { position: absolute; left: 0; top: 100%; margin-top: 3px; font-size: 12.5px !important; line-height: 1 !important; font-weight: 400 !important; letter-spacing: 0 !important; color: var(--muted) !important; -webkit-text-fill-color: var(--muted) !important; white-space: nowrap; }
@media (max-width: 700px) { body>.nav .identity b.identity-name.has-role { top: -6px; } body>.nav .identity b.identity-name .identity-role { font-size: 11.5px; margin-top: 2px; } }
@media (max-width: 700px) {
  html:not(.inspoclose2-old) .cx.is-close .cx-close { min-height: calc(100svh - 252px); display: flex; flex-direction: column; justify-content: center; }
  html:not(.inspoclose2-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .cx.is-close .ab-close .about-actions.about-actions { display: grid !important; grid-template-columns: 1fr; gap: 12px !important; width: 100%; }
  html:not(.inspoclose2-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .cx.is-close .ab-close .about-actions .about-btn.about-btn { width: 100% !important; justify-content: center; margin: 0 !important; }
  html:not(.inspoclose2-old) .cx-list { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%); }
}
html.on-work.avatar-away.markstay-on:not(#a):not(#b) body>.nav .identity :is(img.identity-avatar, canvas.identity-peak3d) { transform: none !important; translate: none !important; }
html.on-work.avatar-away.markstay-on:not(#a):not(#b) body>.nav .identity canvas.identity-peak3d { opacity: 1 !important; }
html.on-work.avatar-away.markstay-on:not(#a):not(#b) body>.nav .identity .identity-name { transform: none !important; }
@media (min-width: 901px) {
  html:not(.listfacts-old):not(#a):not(#b):not(#c) body #more-grid.is-list .mini-project { grid-template-columns: 184px minmax(0, 1fr) auto 44px !important; }
  html:not(.listfacts-old):not(#a):not(#b):not(#c) body #more-grid.is-list .mini-project .mini-tags { display: grid !important; grid-template-columns: auto minmax(150px, 210px); grid-template-rows: auto auto; column-gap: 36px; row-gap: 10px; align-content: center; align-self: stretch; width: auto !important; }
  html:not(.listfacts-old):not(#a):not(#b):not(#c) body #more-grid.is-list .mini-project .mini-tags > .project-pill:not(.role-pill) { grid-column: 1; grid-row: 1; height: auto !important; }
  html:not(.listfacts-old):not(#a):not(#b):not(#c) body #more-grid.is-list .mini-project .mini-tags > .domain-pill { grid-column: 1; grid-row: 2; height: auto !important; }
  html:not(.listfacts-old):not(#a):not(#b):not(#c) body #more-grid.is-list .mini-project .mini-tags > .role-pill { grid-column: 2; grid-row: 1 / span 2; align-self: center !important; height: auto !important; margin: auto 0 !important; }
}
html:not(#a):not(#b):not(#c) body #more button[aria-pressed="true"] svg { color: #fff !important; stroke: #fff !important; }
:is(html[data-tod=night], html[data-variant=nocturne]):not(#a):not(#b):not(#c) body #more button[aria-pressed="true"] svg { color: #191817 !important; stroke: #191817 !important; }
html:not([data-tod=night]):not([data-variant=nocturne]):not(#a):not(#b):not(#c) body #more-grid.is-list .mini-project:is(:hover, :focus-visible) .mini-open svg, html:not([data-tod=night]):not([data-variant=nocturne]):not(#a):not(#b):not(#c) body #more-grid.is-list .mini-project:is(:hover, :focus-visible) .mini-open svg * { color: #fff !important; stroke: #fff !important; }
@media (min-width: 701px) { html.on-work.avatar-away.markstay-on:not(#a):not(#b):not(#c) body>.nav .identity :is(img.identity-avatar, canvas.identity-peak3d) { translate: 0 -16px !important; } }
html.on-work body>.nav .identity b.identity-name.has-role { top: -5px; }
@media (min-width: 901px) {
  html:not(.listrows-old):not(#a):not(#b):not(#c) body #more-grid.is-list { grid-auto-rows: minmax(var(--row-h, 0px), auto) !important; }
  html:not(.listrows-old):not(#a):not(#b):not(#c) body #more-grid.is-list .mini-project { padding: 16px !important; align-items: stretch !important; }
  html:not(.listrows-old):not(#a):not(#b):not(#c) body #more-grid.is-list .mini-project .mini-photo { grid-row: 1 / -1 !important; align-self: center !important; height: max(0px, calc(var(--row-h, 0px) - 32px)) !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; }
  html:not(.listrows-old):not(#a):not(#b):not(#c) body #more-grid.is-list .mini-project .mini-photo img { height: 100% !important; object-fit: cover; }
  html:not(.listrows-old):not(#a):not(#b):not(#c) body #more-grid.is-list .mini-project > :not(.mini-photo) { align-self: center; }
}
html:not(.navglass-old):not([data-tod=night]):not([data-variant=nocturne]):not(#a):not(#b) body>.nav, html:not(.navglass-old):not([data-tod=night]):not([data-variant=nocturne]):not(#a):not(#b) body>.nav::before { background-color: rgb(245 245 244 / .93) !important; }
html:not(.navglass-old):is([data-tod=night], [data-variant=nocturne]):not(#a):not(#b) body>.nav { background-color: rgb(12 12 12 / .92) !important; }
html.radius-tight { --btn-r: 4px !important; }
html.radius-tight:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(.nav-resume, .feature-action, .hero-work-button, .hero-all-work, .experience-cta-link, .about-btn, .contact-btn, .strata-cue, .more-view-toggle, .more-view-toggle button, .work-filters button, #more select, .cf-open, .resume-print) { border-radius: 4px !important; }
html.radius-tight:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(#more-grid .mini-project, #featured .feature, #featured .feature-image, #featured .feature-image .image-ambience, #more-grid .mini-photo, .contact-primary, .contact-details, .results-page .impact-card, .next-paths > a, .era-preview) { border-radius: 8px !important; }
html.radius-tight:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(#more-grid .mini-project, #featured .feature)::before { border-radius: 8px !important; }
html.worktitle-on body main #work > .section-heading { position: sticky; top: 42px; z-index: 30; }
@media (max-width: 700px) { html.worktitle-on body main #work > .section-heading { top: 40px; } }
html.herobig body .hero .hero-demo .demo-stage { transform-origin: 55% 0; }
html.herobig body .hero .demo-stage figure { will-change: auto !important; }
html.worktitle-on body main #work > .section-heading::after { content: ''; position: absolute; z-index: -1; left: -24px; right: -24px; top: 30px; bottom: -20px; background: var(--bg); pointer-events: none; }
@media (max-width: 700px) { html.worktitle-on body main #work > .section-heading::after { top: 24px; } }
img[src*="ama-macra-counter-43"] { transform-origin: 50% 96%; }
@media (min-width: 901px) { html.herobig:not(.sdbig-old) body .hero .single-demo .demo-tablet.demo-display { scale: 1.13; transform-origin: 50% 30%; } }
.single-demo .demo-display .device-screen video.pa-mon-video { display: block; width: 100%; height: 100%; object-fit: cover; transform-origin: 50% 0; scale: 1.035; }
html body .single-demo .has-link:not(.is-away):not(.is-dragging), html body .single-demo .has-link:not(.is-away):not(.is-dragging) * { cursor: pointer !important; }
.single-demo .dev-cta { position: absolute; z-index: 6; translate: -50% 8px; display: inline-flex; align-items: baseline; gap: 10px; white-space: nowrap; font-size: 15px; line-height: 1.3; color: var(--ink); text-decoration: none; opacity: 0; pointer-events: none; transition: opacity .28s ease, translate .38s cubic-bezier(.2,.7,.2,1); }
.single-demo .dev-cta.is-on { opacity: 1; translate: -50% 0; pointer-events: auto; }
.single-demo .dev-cta-name { color: var(--muted); }
.single-demo .dev-cta-go { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.single-demo .dev-cta svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: translate .3s cubic-bezier(.2,.7,.2,1); }
.single-demo .dev-cta:hover svg { translate: 3px 0; }
html.dev-slots.dev-swing:not(.carease-old):not(.devturn4-old):not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not(#x):not(#y):not(#z) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation-duration: .62s !important; animation-timing-function: cubic-bezier(.64, 0, .78, 0) !important; }
html.dev-slots.dev-swing:not(.carease-old):not(.carease-snappy):not(.devturn4-old):not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not(#x):not(#y):not(#z) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-out { animation-duration: .75s !important; animation-timing-function: cubic-bezier(.5, 0, .75, .1) !important; }
html.dev-slots.dev-swing:not(.carease-old):not(.devturn4-old):not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not(#x):not(#y):not(#z) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { animation-duration: 1s !important; animation-delay: .38s !important; animation-timing-function: cubic-bezier(.22, 1, .36, 1) !important; }
html.dev-slots.dev-swing:not(.carease-old):not(.carease-snappy):not(.devturn4-old):not([data-devturn2]):not([data-devslide]):not([data-devflat]):not([data-devturn3]):not(#x):not(#y):not(#z) .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2).is-in { animation-duration: 1.2s !important; animation-delay: .42s !important; animation-timing-function: cubic-bezier(.25, .9, .45, 1) !important; }
html.dev-slots.dev-swing:not(.carease-old):not(.devturn4-old) .single-demo .dev-slot:has(> .is-out) { animation-duration: .62s; }
html.dev-slots.dev-swing:not(.carease-old):not(.carease-snappy):not(.devturn4-old):not(#x) .single-demo .dev-slot:has(> .is-out) { animation-duration: .75s; }
html.dev-slots.dev-swing:not(.carease-old):not(.devturn4-old) .single-demo .dev-slot:has(> .is-in) { animation-duration: 1s; animation-delay: .38s; }
html.dev-slots.dev-swing:not(.carease-old):not(.carease-snappy):not(.devturn4-old):not(#x) .single-demo .dev-slot:has(> .is-in) { animation-duration: 1.2s; animation-delay: .42s; }
@media (min-width: 901px) {
  html:not(.listfacts-old):not(.contribside-right):not(#a):not(#b):not(#c):not(#d) body #more-grid.is-list .mini-project .mini-tags { grid-template-columns: minmax(150px, 210px) auto; }
  html:not(.listfacts-old):not(.contribside-right):not(#a):not(#b):not(#c):not(#d) body #more-grid.is-list .mini-project .mini-tags > :is(.project-pill:not(.role-pill), .domain-pill) { grid-column: 2; }
  html:not(.listfacts-old):not(.contribside-right):not(#a):not(#b):not(#c):not(#d) body #more-grid.is-list .mini-project .mini-tags > .role-pill { grid-column: 1; }
}
@media (min-width: 901px) {
  html:not(.listfacts-old):not(.factsalign-old):not(#a):not(#b):not(#c):not(#d) body #more-grid.is-list .mini-project { grid-template-columns: 184px minmax(0, 1fr) 452px 44px !important; }
  html:not(.listfacts-old):not(.factsalign-old):not(.contribside-right):not(#a):not(#b):not(#c):not(#d):not(#e) body #more-grid.is-list .mini-project .mini-tags { grid-template-columns: 210px minmax(0, 1fr); }
  html:not(.listfacts-old):not(.factsalign-old).contribside-right:not(#a):not(#b):not(#c):not(#d):not(#e) body #more-grid.is-list .mini-project .mini-tags { grid-template-columns: minmax(0, 1fr) 210px; }
}
:is(html[data-tod=night], html[data-variant=nocturne]):not(.nightring-old):not(#a):not(#b):not(#c) body #more-grid:not(.is-list) .mini-project { border-color: transparent !important; }
:is(html[data-tod=night], html[data-variant=nocturne]):not(#a):not(#b):not(#c):not(#d) body #more-grid .mini-project:is(:hover, :focus-visible, :active) .mini-open, :is(html[data-tod=night], html[data-variant=nocturne]):not(#a):not(#b):not(#c):not(#d) body #more-grid .mini-project:is(:hover, :focus-visible, :active) .mini-open * { color: #191817 !important; -webkit-text-fill-color: #191817 !important; stroke: currentColor; }
svg.arrow-em { display: inline-block; width: 1em; height: 1em; vertical-align: -.14em; flex: none; overflow: visible; }
html:not(.arrows-old):not(#a) body .phone-project-link::after { content: ""; display: inline-block; width: .9em; height: .9em; vertical-align: -.1em; background: var(--accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 14.5 14.5 5.5M8 5.5h6.5V12'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 14.5 14.5 5.5M8 5.5h6.5V12'/%3E%3C/svg%3E") center / contain no-repeat; }
@media (min-width: 761px) {
  html:not(.herogap-old) body .ab-hero-copy > .about-lead { padding-top: 1px; }
  html:not(.herogap-old) body .career-hero > p:not(.eyebrow) { padding-top: 1px; padding-bottom: 3px; }
  html:not(.herogap-old) body .ab-hero-copy > .about-actions { padding-top: 3px; }
  html:not(.herogap-old) body .results-page .section-heading .impact-sub { translate: 0 -5px; }
}
@media (max-width: 760px) {
  html:not(.herogap-old) body .ab-hero-copy > .about-lead { padding-top: 3px; }
}
html.abportrait .ab-hero .ab-portrait { position: absolute; z-index: 2; right: clamp(48px, 12vw, 220px); top: 50%; translate: 0 -50%; margin: 0; width: clamp(140px, 15vw, 200px); aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: linear-gradient(180deg, #e9e8e7, #dad9d7); box-shadow: 0 0 0 6px color-mix(in srgb, var(--bg) 80%, transparent), 0 18px 40px -18px rgba(38, 38, 36, .35); }
html.abportrait .ab-hero .ab-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
html.abportrait .ab-hero { position: relative; }
html.abportrait .ab-hero .ab-now { margin: 18px 0 0; font-size: 14px; line-height: 1.5; color: var(--muted); }
@media (max-width: 760px) { html.abportrait .ab-hero .ab-portrait { position: relative; right: auto; top: auto; translate: none; width: 96px; margin: 0 0 20px; order: -1; } }
html.resred:not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .results-page .impact-card .impact-big { color: var(--ac-spark, var(--accent)) !important; -webkit-text-fill-color: currentColor !important; }
html.resred:is([data-tod=night], [data-variant=nocturne]):not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .results-page .impact-card .impact-big { color: var(--acn-spark, var(--accent)) !important; }
html:not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .results-page .impact-card.impact-card .impact-src span { background: #111 !important; border-color: #111 !important; color: #fff !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .results-page .impact-card.impact-card .impact-src span { background: #f3f2f1 !important; border-color: #f3f2f1 !important; color: #191817 !important; }
html.dev-cycle:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) .single-demo .demo-tablet.demo-display.demo-ultra { width: clamp(460px, min(62vh, 36.5vw), 600px) !important; top: calc(var(--ultra-top, 70px) + var(--ultra-drop, 66px)); --device-depth: 6px !important; }
html:not(#a):not(#b):not(#c):not(#d) .single-demo .demo-ultra :is(.device-shell, .device-depth) { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0Q50 12 100 0V100Q50 88 0 100Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0Q50 12 100 0V100Q50 88 0 100Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
html:not(#a):not(#b):not(#c):not(#d) .single-demo .demo-ultra .device-shell { padding: 0 !important; border-radius: .6% / 2.2% !important; background: transparent !important; box-shadow: none !important; }
html:not(#a):not(#b):not(#c):not(#d) .single-demo .demo-ultra .device-screen { aspect-ratio: 32 / 9; border-radius: .6% / 2.2% !important; position: relative; overflow: hidden; }
html:not(#a):not(#b):not(#c):not(#d) .single-demo .demo-ultra .device-screen video { display: block; width: 100%; height: 100%; object-fit: cover; }
.single-demo .demo-ultra .ultra-sheen { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgb(255 255 255 / .1), transparent 16%, transparent 84%, rgb(255 255 255 / .1)), linear-gradient(90deg, rgb(0 0 0 / .14), transparent 30%, transparent 70%, rgb(0 0 0 / .14)); }
html:not(#a):not(#b):not(#c):not(#d) .single-demo .demo-ultra .mb-base { display: none !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .single-demo .demo-ultra .display-neck { display: block !important; top: 70%; width: 10%; height: 62%; -webkit-mask-image: none; mask-image: none; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .single-demo .demo-ultra .display-foot { display: block !important; top: 128%; width: 26%; height: 10%; }
@media (max-width: 900px) { html.dev-cycle:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) .single-demo .demo-tablet.demo-display.demo-ultra { width: 440px !important; } }
@media (max-width: 560px) { html.dev-cycle:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) .single-demo .demo-tablet.demo-display.demo-ultra { width: 350px !important; top: 60px; } }
html:not(#a):not(#b):not(#c):not(#d):not(#e) body .single-demo .demo-ultra .device-depth { background: linear-gradient(115deg, #3a3a3e, #1c1c1f 40%, #333337) !important; opacity: .55; }
html.resred:not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card .impact-label .rw-line path { stroke: rgb(17 17 17 / .8) !important; }
html.resred:is([data-tod=night], [data-variant=nocturne]):not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card .impact-label .rw-line path { stroke: rgb(243 242 241 / .7) !important; }
html.resred:not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card.impact-card .impact-label::after { background: #111 !important; }
html.resred:is([data-tod=night], [data-variant=nocturne]):not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card.impact-card .impact-label::after { background: #f3f2f1 !important; }
html.resred:not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card.impact-card .impact-label::before { background: rgb(17 17 17 / .45) !important; }
html.resred:is([data-tod=night], [data-variant=nocturne]):not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card.impact-card .impact-label::before { background: rgb(243 242 241 / .4) !important; }
html.resred:not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card.impact-card::after { background: #111 !important; }
html.resred:is([data-tod=night], [data-variant=nocturne]):not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card.impact-card::after { background: #f3f2f1 !important; }
html:not(.cardtone-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card :is(.impact-text, .impact-src-name) { color: #111 !important; -webkit-text-fill-color: #111 !important; }
html:not(.cardtone-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card :is(.impact-label, .impact-src time) { color: rgb(17 17 17 / .56) !important; -webkit-text-fill-color: rgb(17 17 17 / .56) !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(.cardtone-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card :is(.impact-text, .impact-src-name) { color: #f3f3f1 !important; -webkit-text-fill-color: #f3f3f1 !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(.cardtone-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card :is(.impact-label, .impact-src time) { color: rgb(243 243 241 / .58) !important; -webkit-text-fill-color: rgb(243 243 241 / .58) !important; }
@media (min-width: 761px) { html:not(.resline-old):not(#a):not(#b):not(#c):not(#d):not(#e) body #impact-title em { display: inline !important; } }
html:not(.resred):not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .results-page .impact-card .impact-big { color: #111 !important; -webkit-text-fill-color: #111 !important; }
html:not(.resred):is([data-tod=night], [data-variant=nocturne]):not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .results-page .impact-card .impact-big { color: #f3f3f1 !important; -webkit-text-fill-color: #f3f3f1 !important; }
html:not(.resred):not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card .impact-label .rw-line path { stroke: rgb(213 43 30 / .85) !important; }
html:not(.resred):is([data-tod=night], [data-variant=nocturne]):not(.rescolor-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .impact-card .impact-label .rw-line path { stroke: rgb(255 90 78 / .85) !important; }
html:not(.resspace-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .section-heading .impact-sub { max-width: 46ch !important; text-wrap: balance; padding-top: 5px; }
html:not(.resspace-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page > .section-heading, html:not(.resspace-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .section-heading.is-in { margin-bottom: 41px !important; }
@media (max-width: 760px) {
  html:not(.resspace-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .section-heading .impact-sub { padding-top: 4px; }
  html:not(.resspace-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page > .section-heading, html:not(.resspace-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .results-page .section-heading.is-in { margin-bottom: 46px !important; }
}
@media (max-width: 640px) { html:not(.abmtn-old):not(.abiboard-old):not(#a):not(#b) body .summit-stage.summit-tip.tip-cut { display: block; } }
@media (max-width: 640px) { html:not(.abmtn-old):not(.abiboard-old):not(.tipfoot-old):not(#a):not(#b):not(#c) body .summit-stage.summit-tip.tip-cut canvas { translate: 0 -270px; -webkit-mask-image: linear-gradient(180deg, #000 calc(var(--edge-at) + 150px), rgb(0 0 0 / .35) calc(var(--edge-at) + 260px), transparent calc(var(--edge-at) + 340px)); mask-image: linear-gradient(180deg, #000 calc(var(--edge-at) + 150px), rgb(0 0 0 / .35) calc(var(--edge-at) + 260px), transparent calc(var(--edge-at) + 340px)); } }
html.closebtn-old .about-btn .btn-arrow-add, html.closebtn-old .about-btn .btn-arrow-add + svg { display: none; }
@media (max-width: 560px) {
  html:not(.closebtn-old):not(#a):not(#b):not(#c) body .about-actions:has(.btn-arrow-add) { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; }
  html:not(.closebtn-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body .about-actions:has(.btn-arrow-add) .about-btn { width: 100% !important; max-width: none !important; align-self: stretch !important; justify-content: center !important; margin: 0 !important; }
}
html:not(.closebtn-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body .about-actions:has(.btn-arrow-add) .about-btn :is(.btn-arrow-add, svg.arrow-em) { color: currentColor !important; -webkit-text-fill-color: currentColor !important; }
@media (min-width: 761px) { .career-title .eh-br { display: block; } }
@media (max-width: 760px) { .career-title .ph-br { display: block; } }
.hero .hero-now { margin: 22px 0 0; display: flex; align-items: baseline; gap: 10px; font-size: 14px; line-height: 1.4; color: var(--muted); }
.hero .hero-now .hn-k { flex: none; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
.hero .hero-now .hn-clip { position: relative; display: grid; overflow: hidden; min-width: 0; }
.hero .hero-now .hn-t { grid-area: 1 / 1; white-space: nowrap; transition: transform .6s cubic-bezier(.22, 1, .36, 1); }
.hero .hero-now .hn-t b { font-weight: 600; color: var(--ink); }
.hero .hero-now .hn-t.is-new { transform: translateY(110%); transition: none; }
.hero .hero-now .hn-t.is-out { transform: translateY(-110%); transition-timing-function: cubic-bezier(.64, 0, .78, 0); transition-duration: .45s; }
@media (prefers-reduced-motion: reduce) { .hero .hero-now .hn-t { transition: none; } }
:is(html[data-tod=night], html[data-variant=nocturne]) .hero .hero-now .hn-t b { color: #f3f3f1; }
.hero .hl-byline .hl-sep { display: none; }
.hero .hl-byline .hl-b2 { display: block; font-size: .8em; margin-top: .2em; text-wrap: balance; }
@media (max-width: 1279px) { body>.nav .identity .identity-role .ir-2 { display: none; } }
body>.nav .identity .identity-role :is(.ir-2, .ir-sep) { font-weight: 400 !important; font-size: inherit !important; letter-spacing: inherit !important; color: inherit !important; font-family: inherit !important; }
.hero .hero-now.hn-b { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 14px; row-gap: 10px; align-items: baseline; max-width: 380px; }
.hero .hero-now.hn-b .hn-n { font-size: 12px; font-weight: 600; letter-spacing: .04em; font-variant-numeric: tabular-nums; color: var(--ink); }
.hero .hero-now.hn-b .hn-of { color: var(--muted); font-weight: 400; }
.hero .hero-now.hn-b .hn-bar { grid-column: 1 / -1; height: 1px; background: var(--line); overflow: hidden; }
.hero .hero-now.hn-b .hn-bar i { display: block; height: 100%; background: var(--ink); transform-origin: 0 50%; animation: hn-fill 9s linear both; }
@keyframes hn-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.hero .hero-now.hn-c { margin-top: 28px; padding-left: 14px; border-left: 2px solid var(--ac-spark, #d52b1e); gap: 0; }
.hero .hero-now.hn-c .hn-t { display: grid; gap: 3px; white-space: normal; }
.hero .hero-now.hn-c .hn-t b { font-size: 16px; line-height: 1.3; }
.hero .hero-now.hn-c .hn-ty { font-size: 13px; line-height: 1.3; color: var(--muted); }
.hero .hero-now.hn-d { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 13.5px; }
.hero .hero-now.hn-d .hn-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--ac-spark, #d52b1e); flex: none; }
:is(html[data-tod=night], html[data-variant=nocturne]) .hero .hero-now.hn-b .hn-n, :is(html[data-tod=night], html[data-variant=nocturne]) .hero .hero-now.hn-b .hn-bar i { color: #f3f3f1; background: #f3f3f1; }
:is(html[data-tod=night], html[data-variant=nocturne]) .hero .hero-now.hn-b .hn-n { background: none; }
.hero .hero-now.hn-ctl { display: flex; align-items: center; gap: 16px; margin-top: 8px; padding-left: 0; border-left: 0; }
.hero .hero-now.hn-ctl .hn-btns { display: flex; gap: 6px; flex: none; }
.hero .hero-now.hn-ctl .hn-clip { padding: 0 0 0 14px; border-left: 2px solid var(--ac-spark, #d52b1e); flex: 1 1 auto; min-width: 0; }
.hero .hero-now.hn-ctl :is(.dev-arrow, #demo-motion) { display: grid !important; place-items: center; width: 34px; height: 34px; padding: 0 !important; margin: 0 !important; border: 1px solid var(--line) !important; border-radius: 50% !important; background: none !important; color: var(--ink) !important; cursor: pointer; flex: none; position: static !important; font-size: 0 !important; transition: border-color .2s ease; }
.hero .hero-now.hn-ctl :is(.dev-arrow, #demo-motion):is(:hover, :focus-visible) { border-color: var(--ink) !important; }
.hero .hero-now.hn-ctl .dev-arrow svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.hero .hero-now.hn-ctl #demo-motion span { display: none !important; }
.hero .hero-now.hn-ctl #demo-motion::before { content: ''; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='4' y='3.5' width='2.4' height='9' rx='.8'/%3E%3Crect x='9.6' y='3.5' width='2.4' height='9' rx='.8'/%3E%3C/svg%3E") center / 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='4' y='3.5' width='2.4' height='9' rx='.8'/%3E%3Crect x='9.6' y='3.5' width='2.4' height='9' rx='.8'/%3E%3C/svg%3E") center / 16px no-repeat; }
.hero .hero-now.hn-ctl #demo-motion[aria-label^='Play']::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 3.6v8.8a.7.7 0 0 0 1.05.6l7-4.4a.7.7 0 0 0 0-1.2l-7-4.4A.7.7 0 0 0 5 3.6Z'/%3E%3C/svg%3E") center / 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 3.6v8.8a.7.7 0 0 0 1.05.6l7-4.4a.7.7 0 0 0 0-1.2l-7-4.4A.7.7 0 0 0 5 3.6Z'/%3E%3C/svg%3E") center / 16px no-repeat; }
:is(html[data-tod=night], html[data-variant=nocturne]) .hero .hero-now.hn-ctl :is(.dev-arrow, #demo-motion) { color: #f3f3f1 !important; border-color: rgb(255 255 255 / .22) !important; }
.hero .hero-now.hn-ctl { max-width: min(460px, 100%); box-sizing: border-box; }
@media (max-width: 560px) { html:not(.worklead-old) body .hero .hl-lead .hb-p { white-space: normal !important; } }
html:not(.bytype-old):not(#a):not(#b):not(#c):not(#d) body .hero .hl-byline .hl-b2 { font-size: .66em !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1.35 !important; margin-top: .35em; color: var(--muted) !important; -webkit-text-fill-color: var(--muted) !important; }
.hero .hero-now.hn-ctl #demo-motion { display: flex !important; align-items: center; justify-content: center; line-height: 0 !important; }
.hero .hero-now.hn-ctl .hn-btns { gap: 0; border: 1px solid var(--line); border-radius: 999px; padding: 2px; }
.hero .hero-now.hn-ctl .hn-btns :is(.dev-arrow, #demo-motion) { border: 0 !important; width: 34px; height: 30px; border-radius: 999px !important; }
.hero .hero-now.hn-ctl .hn-btns :is(.dev-arrow, #demo-motion):is(:hover, :focus-visible) { background: rgb(17 17 17 / .06) !important; }
:is(html[data-tod=night], html[data-variant=nocturne]) .hero .hero-now.hn-ctl .hn-btns { border-color: rgb(255 255 255 / .22); }
:is(html[data-tod=night], html[data-variant=nocturne]) .hero .hero-now.hn-ctl .hn-btns :is(.dev-arrow, #demo-motion):is(:hover, :focus-visible) { background: rgb(255 255 255 / .1) !important; }
.hero .hero-now.hn-ctl .hn-num { margin-left: .6em; padding-left: .6em; border-left: 1px solid var(--line); font-variant-numeric: tabular-nums; }
.hero .hero-now .hn-t { transition-delay: .2s; }
.hero .hero-now .hn-t.is-out { transition-delay: 0s; transition-duration: .3s; }
.hero .hero-now.hn-ctl .hn-btns { border-radius: 10px !important; }
.hero .hero-now.hn-ctl .hn-btns :is(.dev-arrow, #demo-motion) { border-radius: 8px !important; }
.hero .hero-now.hn-ctl .hn-n, .hero .hero-now.hn-ctl .hn-bar { display: none !important; }
.hero .hero-now.hn-ctl .hn-t { display: grid; gap: 3px; white-space: normal; }
.hero .hero-now.hn-ctl .hn-t b { font-size: 16px; line-height: 1.3; }
.hero .hero-now.hn-ctl .hn-ty { font-size: 13px; line-height: 1.3; color: var(--muted); }
html:not(.ctlquiet-old) .hero .hero-now.hn-ctl .hn-btns { border: 0; padding: 0; gap: 2px; margin-left: -8px; }
html:not(.ctlquiet-old) .hero .hero-now.hn-ctl .hn-btns :is(.dev-arrow, #demo-motion) { width: 28px; height: 28px; color: var(--muted) !important; }
html:not(.ctlquiet-old) .hero .hero-now.hn-ctl .hn-btns :is(.dev-arrow, #demo-motion):is(:hover, :focus-visible) { color: var(--ink) !important; background: rgb(17 17 17 / .05) !important; }
html:not(.ctlquiet-old) .hero .hero-now.hn-ctl .hn-btns .dev-arrow svg { width: 15px; height: 15px; }
html:not(.ctlquiet-old) .hero .hero-now.hn-ctl #demo-motion::before { width: 13px; height: 13px; -webkit-mask-size: 13px; mask-size: 13px; }
html:not(.ctlquiet-old) .hero .hero-now.hn-ctl { gap: 10px; }
:is(html[data-tod=night], html[data-variant=nocturne]):not(.ctlquiet-old) .hero .hero-now.hn-ctl .hn-btns :is(.dev-arrow, #demo-motion) { color: rgb(243 243 241 / .6) !important; }
:is(html[data-tod=night], html[data-variant=nocturne]):not(.ctlquiet-old) .hero .hero-now.hn-ctl .hn-btns :is(.dev-arrow, #demo-motion):is(:hover, :focus-visible) { color: #f3f3f1 !important; }
html:not(#a) body .hero .hero-now.hn-ctl #demo-motion { position: relative !important; } .hero .hero-now.hn-ctl #demo-motion::before { position: absolute; left: 50%; top: 50%; translate: -50% -50%; }
.hero .hero-now.hn-ctl.hn-pos-b .hn-clip { order: 0; margin-left: 0; }
.hero .hero-now.hn-ctl.hn-pos-b .hn-btns { order: 1; margin-left: 14px !important; }
.hero .hero-now.hn-ctl.hn-pos-c { flex-wrap: wrap; row-gap: 14px; }
.hero .hero-now.hn-ctl.hn-pos-c .hn-clip { order: 0; flex-basis: 100%; margin-left: 0; }
.hero .hero-now.hn-ctl.hn-pos-c .hn-dots { order: 1; display: flex; align-items: center; gap: 6px; }
.hero .hero-now.hn-ctl.hn-pos-c .hn-dots button { width: 6px; height: 6px; padding: 0; border: 0; border-radius: 3px; background: rgb(17 17 17 / .2); cursor: pointer; transition: width .35s cubic-bezier(.22, 1, .36, 1), background .2s ease; }
.hero .hero-now.hn-ctl.hn-pos-c .hn-dots button:hover { background: rgb(17 17 17 / .45); }
.hero .hero-now.hn-ctl.hn-pos-c .hn-dots button.is-on { width: 20px; background: var(--ac-spark, #d52b1e); }
.hero .hero-now.hn-ctl.hn-pos-c .hn-btns { order: 2; margin-left: 6px !important; }
.hero .hero-now.hn-ctl.hn-pos-c .hn-btns .dev-arrow { display: none !important; }
:is(html[data-tod=night], html[data-variant=nocturne]) .hero .hero-now.hn-ctl.hn-pos-c .hn-dots button:not(.is-on) { background: rgb(255 255 255 / .25); }
html:not(#a):not(#b) body .hero .hero-now.hn-ctl.hn-pos-c .hn-btns .dev-arrow { display: none !important; } .hero .hero-now.hn-ctl.hn-pos-c .hn-num { display: none; }
.hero .hero-demo > .hero-now.hn-pos-d { position: absolute; left: 0; top: -16px; margin: 0; z-index: 3; }
@media (max-width: 900px) { .hero .hero-demo > .hero-now.hn-pos-d { position: relative; margin-top: 18px; } }
.hero .hero-actions > .hero-now.hn-pos-e { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 0 22px !important; padding: 0; border: 0; vertical-align: middle; align-self: center; }
.hero .hero-actions:has(> .hero-now.hn-pos-e) { display: flex; align-items: center; flex-wrap: wrap; }
.hero .hero-now.hn-pos-e .hn-clip, .hero .hero-now.hn-pos-e .dev-arrow { display: none !important; }
.hero .hero-now.hn-pos-e .hn-dots { display: flex; align-items: center; gap: 6px; }
.hero .hero-now.hn-pos-e .hn-dots button { width: 6px; height: 6px; padding: 0; border: 0; border-radius: 3px; background: rgb(17 17 17 / .2); cursor: pointer; transition: width .35s cubic-bezier(.22, 1, .36, 1), background .2s ease; }
.hero .hero-now.hn-pos-e .hn-dots button:hover { background: rgb(17 17 17 / .45); }
.hero .hero-now.hn-pos-e .hn-dots button.is-on { width: 18px; background: var(--ac-spark, #d52b1e); }
.hero .hero-now.hn-pos-e .hn-btns { margin-left: 2px !important; }
:is(html[data-tod=night], html[data-variant=nocturne]) .hero .hero-now.hn-pos-e .hn-dots button:not(.is-on) { background: rgb(255 255 255 / .25); }
@media (max-width: 560px) { .hero .hero-actions > .hero-now.hn-pos-e { margin: 14px 0 0 !important; flex-basis: 100%; } }
html:not(#a):not(#b) body .hero .hero-now.hn-pos-e .hn-btns .dev-arrow { display: none !important; }
html:not(.navrole-full) body>.nav .identity .identity-role .ir-2 { display: none; }
@media (max-width: 1099px) { html.navrole-ai body>.nav .identity .identity-role .ir-br { display: block; } html.navrole-ai body>.nav .identity b.identity-name .identity-role { line-height: 1.2 !important; } html.navrole-ai body>.nav .identity b.identity-name.has-role:not(.x) { top: -9px; } }
@media (max-width: 1099px) { html.navrole-ai:not(#a) body>.nav .identity b.identity-name.has-role { translate: 0 -8px; } html.navrole-ai:not(#a) body>.nav .identity b.identity-name .identity-role { font-size: 11px !important; margin-top: 2px !important; } }
html:not(#a):not(#b) body .hero .hero-now.hn-pos-f .hn-btns .dev-arrow { display: grid !important; }
.hero .hero-now.hn-pos-f .hn-dots { display: none !important; }
html.worklead-none .hero .hl-lead > .hb-p, html.worklead-none .hero .hl-lead > .hb-br { display: none !important; }
html.worklead-none:not(#a):not(#b):not(#c) body .hero .hl-lead > .hl-byline { margin-bottom: 0 !important; } html.worklead-none .hero .hero-bottom { row-gap: 44px !important; }
html.worklead-none:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body .hero .hl-lead > .hl-byline { margin-bottom: 0 !important; padding-bottom: 0 !important; } html.worklead-none:not(#a):not(#b) body .hero .hero-bottom { row-gap: 35px !important; }
html.worklead-none:not(.bytype-v2):not(.bytype-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .hero .hl-byline .hl-b2 { font-family: Inter, "Source Sans 3", sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.45 !important; margin-top: 10px !important; letter-spacing: 0 !important; }
@media (max-width: 560px) { html.worklead-none:not(.bytype-v2):not(.bytype-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .hero .hl-byline .hl-b2 { font-size: 16px !important; margin-top: 8px !important; } }
html.dev-cycle:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body .single-demo .demo-tablet.demo-display.demo-ultra { top: 110px !important; }
@media (min-width: 1100px) {
  html:not(#a):not(#b) body .hero > .hero-now.hn-pos-g { position: absolute; right: calc(-1 * clamp(20px, 3.4vw, 64px)); top: 50%; translate: 0 -50%; margin: 0 !important; z-index: 4; }
  .hero:has(> .hero-now.hn-pos-g) { position: relative; }
  html:not(#a):not(#b) body .hero > .hero-now.hn-pos-g .hn-btns { flex-direction: column; gap: 6px; margin: 0 !important; }
  html:not(#a):not(#b) body .hero > .hero-now.hn-pos-g .hn-btns .dev-arrow { display: grid !important; }
  html:not(.ctlcap-old):not(.ctledge-margin):not(#a):not(#b) body .hero > .hero-now.hn-pos-g { right: 0; }
  html.ctledge-margin:not(.ctlcap-old):not(#a):not(#b) body .hero > .hero-now.hn-pos-g { right: calc((100% - 100vw) / 4 - 20px); }
  html.ctlcap-old:not(#a):not(#b) body .hero > .hero-now.hn-pos-g .hn-btns .dev-arrow svg { rotate: 90deg; }
  .hero > .hero-now.hn-pos-g .hn-dots, .hero > .hero-now.hn-pos-g .hn-clip { display: none !important; }
}
@media (max-width: 700px) { html.navrole-line:not(#a) body>.nav .identity b.identity-name .identity-role { font-size: min(11.5px, 2.92vw) !important; white-space: nowrap; } }
@media (min-width: 901px) {
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(-n+3) { grid-column: 1 / -1; margin-bottom: clamp(56px, 6vw, 96px); }
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(-n+3) .feature-image { aspect-ratio: 2.35 / 1 !important; height: auto !important; }
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(-n+3) .feature-image img { object-fit: cover; }
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(1) .feature-image img { object-position: 50% 62%; }
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(-n+3) .feature-content { display: grid !important; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-rows: auto auto auto auto 1fr; column-gap: clamp(40px, 5vw, 96px); align-items: start; }
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(-n+3) .feature-content > * { grid-column: 2; min-height: 0 !important; }
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(-n+3) .headline-break { display: none; }
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(-n+3) .feature-tags::after { display: none !important; }
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(-n+3) .feature-content > .feature-meta { grid-column: 1; grid-row: 1; }
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(-n+3) .feature-content > h3 { grid-column: 1; grid-row: 2 / span 4; font-size: clamp(30px, 2.9vw, 44px) !important; min-height: 0 !important; margin: 10px 0 0 !important; }
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(-n+3) .feature-content > p { grid-column: 2; grid-row: 1 / span 2; margin: 0 !important; padding-top: 34px; min-height: 0 !important; max-width: 54ch; }
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(-n+3) .feature-content > .feature-tags { grid-column: 2; grid-row: 3; position: static !important; margin: 28px 0 0 !important; translate: none !important; top: auto !important; height: auto !important; }
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(-n+3) .feature-content > .role { display: contents !important; }
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(-n+3) .feature-content > .role > :not(.feature-action) { grid-column: 2; grid-row: 4; border-top: 1px solid var(--line); padding-top: 14px; margin-top: 14px; }
  html.bigwork:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #featured > .feature:nth-child(-n+3) .feature-content > .role > .feature-action { grid-column: 2; grid-row: 4; align-self: center; justify-self: end; margin: 28px 0 0 !important; translate: none !important; top: auto !important; }
}
@media (min-width: 901px) {
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) { display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); column-gap: clamp(36px, 3.6vw, 56px); align-items: center; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-image { grid-column: 1; grid-row: 1; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-content { grid-column: 2; grid-row: 1; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3):nth-child(2) { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3):nth-child(2) .feature-image { grid-column: 2; grid-row: 1; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3):nth-child(2) .feature-content { grid-column: 1; grid-row: 1; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-image { aspect-ratio: 3 / 2 !important; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-content { display: flex !important; flex-direction: column; align-items: flex-start; align-self: center !important; padding: 0 !important; margin: 0 !important; height: auto !important; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-image { align-self: center !important; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-content > * { margin-top: 0 !important; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-content > h3 { font-size: clamp(24px, 2.1vw, 32px) !important; margin: 12px 0 0 !important; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-content > p { padding-top: 0; margin: 16px 0 0 !important; font-size: 16px; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-content > .feature-tags { margin: 24px 0 0 !important; width: 100%; display: grid !important; grid-template-columns: 1fr; row-gap: 12px; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-content > .feature-tags, html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-content > .feature-tags > * { border: 0 !important; padding: 0 !important; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-content > .feature-tags::before { display: none !important; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-content > .role { display: block !important; width: 100%; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-content > .role { border: 0 !important; padding: 0 !important; margin: 0 !important; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-content > .role > :not(.feature-action) { margin-top: 16px; padding-top: 16px; }
  html.bigside:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #featured > .feature:nth-child(-n+3) .feature-content > .role > .feature-action { display: inline-flex; margin: 24px 0 0 !important; }
}
@media (min-width: 901px) {
  html.bigthird:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #featured > .feature:nth-child(-n+3), html.bigthird:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #featured > .feature:nth-child(-n+3):nth-child(2) { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 36px; }
  html.bigthird:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #featured > .feature:nth-child(-n+3) .feature-image { grid-column: 1 / span 2; }
  html.bigthird:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #featured > .feature:nth-child(-n+3) .feature-content { grid-column: 3; padding-right: 8px !important; }
  html.bigthird:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #featured > .feature:nth-child(-n+3):nth-child(2) .feature-image { grid-column: 2 / span 2; }
  html.bigthird:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #featured > .feature:nth-child(-n+3):nth-child(2) .feature-content { grid-column: 1; padding-right: 24px !important; }
}
html.dev-clay:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { --clay-face: #efebe5; --clay-side: #d8d1c7; --clay-rear: #e6e0d8; --clay-edge: #cfc7bc; }
html.dev-clay:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage .device-shell { background: var(--clay-face) !important; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .04), inset 0 1px 0 rgb(255 255 255 / .7) !important; }
html.dev-clay:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage .device-depth { background: var(--clay-side) !important; box-shadow: none !important; }
html.dev-clay:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage .device-depth.device-rear { background: var(--clay-rear) !important; box-shadow: inset 0 0 0 1px var(--clay-edge) !important; }
html.dev-clay:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage :is(.display-neck, .display-foot, .mb-base, .mb-keys, .mb-pad) { background: var(--clay-side) !important; box-shadow: none !important; border-color: transparent !important; }
html.dev-clay:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage .display-foot { background: var(--clay-rear) !important; }
html.dev-clay:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage .device-screen::after, html.dev-clay:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage .device-screen::before, html.dev-clay:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage :is(.ultra-sheen, .device-sheen) { display: none !important; }
:is(html[data-tod=night], html[data-variant=nocturne]).dev-clay:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { --clay-face: #3d3c39; --clay-side: #2d2d2b; --clay-rear: #373633; --clay-edge: #4b4a47; }
html.dev-wire:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage .device-shell { background: transparent !important; box-shadow: inset 0 0 0 1.25px var(--ink) !important; }
html.dev-wire:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage .device-depth { background: transparent !important; box-shadow: none !important; }
html.dev-wire:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage .device-depth.device-rear { box-shadow: inset 0 0 0 1.25px color-mix(in srgb, var(--ink) 45%, transparent) !important; }
html.dev-wire:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage :is(.display-neck, .display-foot, .mb-base, .mb-keys, .mb-pad) { background: transparent !important; box-shadow: inset 0 0 0 1.25px var(--ink) !important; border-color: transparent !important; }
html.dev-wire:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage .device-screen::after, html.dev-wire:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage .device-screen::before, html.dev-wire:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage :is(.ultra-sheen, .device-sheen) { display: none !important; }
html.dev-wire:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure { filter: none !important; }
html.dev-clay:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure:is(.demo-phone, .demo-phone2, .demo-phone3) .device-screen { outline: 7px solid var(--clay-face) !important; outline-offset: -7px; }
html.dev-clay:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure:is(.demo-phone, .demo-phone2, .demo-phone3) .device-screen::before { content: '' !important; display: block !important; position: absolute !important; inset: 0 !important; z-index: 9 !important; border-radius: inherit !important; box-shadow: inset 0 0 0 7px var(--clay-face) !important; background: none !important; pointer-events: none; opacity: 1 !important; }
html.dev-wire:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure:is(.demo-phone, .demo-phone2, .demo-phone3) .device-screen { outline: 6px solid var(--bg) !important; outline-offset: -6px; box-shadow: 0 0 0 1.25px var(--ink) !important; }
html.hl-rolefade:not(.hl-landed) body>.nav .identity b.identity-name .identity-role { opacity: 0; }
html.hl-rolefade body>.nav .identity b.identity-name .identity-role { transition: opacity .3s ease .05s; }
html.hl-rolefade:not(.hl-landed) body>.nav .identity b.identity-name .identity-role { transition-duration: .12s; transition-delay: 0s; }
html.navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav { border-bottom-color: rgb(17 17 17 / .06) !important; }
html.navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav { gap: 30px !important; }
html.navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > a:not(.nav-resume) { font-size: 14px !important; font-weight: 500 !important; letter-spacing: -.005em !important; color: var(--nav-grey, #757575) !important; -webkit-text-fill-color: var(--nav-grey, #757575) !important; padding: 0 !important; margin: 0 !important; transition: color .18s ease !important; }
html.navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > a:not(.nav-resume):is([aria-current=page], :hover, :focus-visible) { color: #111 !important; -webkit-text-fill-color: #111 !important; }
html.navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > a:not(.nav-resume)::after { display: none !important; }
html.navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > a.nav-resume { font-size: 13.5px !important; font-weight: 600 !important; height: 34px !important; padding: 0 14px !important; margin-left: 6px !important; border: 0 !important; border-radius: 8px !important; background: #111 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; display: inline-flex !important; align-items: center !important; gap: 0 !important; }
html.navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > a.nav-resume svg { display: none !important; }
html.navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > a.nav-resume:hover { background: #2a2a2a !important; }
html.navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > .theme-toggle { width: 34px !important; height: 34px !important; margin-left: -8px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #757575 !important; }
html.navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > .theme-toggle:hover { color: #111 !important; background: rgb(17 17 17 / .05) !important; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]).navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav { border-bottom-color: rgb(255 255 255 / .07) !important; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]).navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > a:not(.nav-resume) { color: #a3a39e !important; -webkit-text-fill-color: #a3a39e !important; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]).navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > a:not(.nav-resume):is([aria-current=page], :hover, :focus-visible) { color: #f2f2f0 !important; -webkit-text-fill-color: #f2f2f0 !important; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]).navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > a.nav-resume { background: #f2f2f0 !important; color: #111 !important; -webkit-text-fill-color: #111 !important; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]).navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > a.nav-resume:hover { background: #fff !important; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]).navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > .theme-toggle { color: #a3a39e !important; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]).navclean:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > .theme-toggle:hover { color: #f2f2f0 !important; background: rgb(255 255 255 / .07) !important; }
:is(html.dev-clay, html.dev-wire).bezel-slim:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure.demo-tablet:not(.demo-display) .device-shell { padding: 1.5% !important; }
:is(html.dev-clay, html.dev-wire).bezel-slim:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure.demo-display:not(.demo-ultra) .device-shell { padding: 1.3% !important; }
:is(html.dev-clay, html.dev-wire).bezel-slim:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure.demo-phone2 .device-screen { inset: 1.9% 2.1% !important; }
html.dev-clay.bezel-slim:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure:is(.demo-phone, .demo-phone2, .demo-phone3) .device-screen { outline-width: 4px !important; outline-offset: -4px !important; }
html.dev-clay.bezel-slim:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure:is(.demo-phone, .demo-phone2, .demo-phone3) .device-screen::before { box-shadow: inset 0 0 0 4px var(--clay-face) !important; }
html.dev-wire.bezel-slim:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure:is(.demo-phone, .demo-phone2, .demo-phone3) .device-screen { outline-width: 3px !important; outline-offset: -3px !important; }
html.worknote-off:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #work .work-note { display: none !important; }
html.worknote-off:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #work .selected-work-heading { margin-bottom: 14px !important; }
:is(html.dev-clay, html.dev-wire).bezel-slim:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure.demo-tablet:not(.demo-display) .device-screen { border-radius: 3.9% / 5.4% !important; }
:is(html.dev-clay, html.dev-wire).bezel-slim:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure.demo-phone2 .device-screen { border-radius: 16.7% / 8% !important; }
:is(html.dev-clay, html.dev-wire).bezel-slim:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure.demo-phone2 .device-screen > * { border-radius: inherit !important; }
html.dev-clay:not(.clay-warm):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { --clay-face: #ecebe9; --clay-side: #d6d5d2; --clay-rear: #e3e2df; --clay-edge: #cdccc8; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]).dev-clay:not(.clay-warm):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) { --clay-face: #2e2e31; --clay-side: #222225; --clay-rear: #2a2a2d; --clay-edge: #3c3c40; }
@media (min-width: 1100px) {
  html:not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d) body .hero > .hero-now.hn-pos-g .hn-btns { gap: 2px !important; padding: 4px; border-radius: 999px; background: rgb(255 255 255 / .55); box-shadow: inset 0 0 0 1px rgb(17 17 17 / .09), 0 6px 18px -10px rgb(17 17 17 / .25); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
  html:not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d) body .hero > .hero-now.hn-pos-g .hn-btns > button { width: 32px !important; height: 32px !important; border-radius: 50% !important; display: grid !important; place-items: center; transition: background-color .18s ease, color .18s ease; }
  html:not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d) body .hero > .hero-now.hn-pos-g .hn-btns > button:hover { background: rgb(17 17 17 / .07) !important; }
  :is(html[data-tod=night], html.is-night, html[data-variant=nocturne]):not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d) body .hero > .hero-now.hn-pos-g .hn-btns { background: rgb(30 30 33 / .6); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1), 0 6px 18px -10px rgb(0 0 0 / .6); }
  :is(html[data-tod=night], html.is-night, html[data-variant=nocturne]):not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d) body .hero > .hero-now.hn-pos-g .hn-btns > button:hover { background: rgb(255 255 255 / .1) !important; }
}
@keyframes devcam-in { 0% { scale: 1.12; animation-timing-function: cubic-bezier(.2, .6, .3, 1); } 13% { scale: 1; animation-timing-function: cubic-bezier(.4, 0, .6, 1); } 100% { scale: 1.045; } }
@keyframes devcam-out { from { scale: 1.04; } to { scale: 1.16; } }
html.devcam.devcam-key.dev-slots.dev-swing:not(.devturn4-old):not(#a):not(#b):not(#c) .single-demo .dev-slot:has(> .is-in) { animation: dev-slot-in .8s linear .12s both, devcam-in 9s .12s both; }
html.devcam.devcam-key.dev-slots.dev-swing:not(.devturn4-old):not(#a):not(#b):not(#c) .single-demo .dev-slot:has(> .is-out) { animation: dev-slot-out .7s linear both, devcam-out .7s cubic-bezier(.5, 0, .9, .6) both; }
html.devcam.dev-slots.dev-swing:not(.devturn4-old):not(.devcam-key):not(#a):not(#b):not(#c) .single-demo .dev-slot { scale: 1.06; transition: scale .7s cubic-bezier(.4, 0, .8, .6); }
html.devcam.dev-slots.dev-swing:not(.devturn4-old):not(.devcam-key):not(#a):not(#b):not(#c) .single-demo .dev-slot:has(> .is-in) { scale: 1; transition: scale 2.8s cubic-bezier(.16, 1, .3, 1) .12s; }
@media (prefers-reduced-motion: reduce) { html.devcam.dev-slots.dev-swing:not(.devturn4-old):not(.devcam-key):not(#a):not(#b):not(#c) .single-demo .dev-slot { scale: none !important; transition: none !important; } }
@media (prefers-reduced-motion: reduce) { html.devcam.dev-slots.dev-swing:not(.devturn4-old):not(#a):not(#b):not(#c) .single-demo .dev-slot:is(:has(> .is-in), :has(> .is-out)) { scale: none; animation-name: dev-slot-in; } html.devcam.dev-slots.dev-swing:not(.devturn4-old):not(#a):not(#b):not(#c) .single-demo .dev-slot:has(> .is-out) { animation-name: dev-slot-out; } }
@media (min-width: 1100px) {
  html:not(.ctlshape-pill):not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d) body .hero > .hero-now.hn-pos-g .hn-btns { border-radius: 8px !important; }
  html:not(.ctlshape-pill):not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d) body .hero > .hero-now.hn-pos-g .hn-btns > button { border-radius: 6px !important; }
}
html.navclean:not(.navorder-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > a.nav-resume { order: 2; margin-left: 0 !important; }
html.navclean:not(.navorder-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body>.nav nav > .theme-toggle { order: 1; margin: 0 -10px 0 -8px !important; }
@media (min-width: 1100px) {
  html:not(.ctlshape-pill):not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .hero > .hero-now.hn-pos-g .hn-btns { background: transparent !important; box-shadow: inset 0 0 0 1px #dcdcd9 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; transition: translate .38s cubic-bezier(.22, 1, .36, 1), box-shadow .38s cubic-bezier(.22, 1, .36, 1) !important; }
  html:not(.ctlshape-pill):not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .hero > .hero-now.hn-pos-g .hn-btns:hover { translate: 0 -2px; box-shadow: inset 0 0 0 1px #dcdcd9, 0 6px 10px -3px rgb(17 17 17 / .2) !important; }
  html:not(.ctlshape-pill):not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .hero > .hero-now.hn-pos-g .hn-btns > button { color: #111 !important; }
  html:not(.ctlshape-pill):not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .hero > .hero-now.hn-pos-g .hn-btns > button:hover { background: rgb(17 17 17 / .05) !important; }
  html:not(.ctlshape-pill):not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .hero > .hero-now.hn-pos-g .hn-btns > button:active { background: rgb(17 17 17 / .09) !important; }
  :is(html[data-tod=night], html.is-night, html[data-variant=nocturne]):not(.ctlshape-pill):not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .hero > .hero-now.hn-pos-g .hn-btns { box-shadow: inset 0 0 0 1px rgb(255 255 255 / .16) !important; }
  :is(html[data-tod=night], html.is-night, html[data-variant=nocturne]):not(.ctlshape-pill):not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .hero > .hero-now.hn-pos-g .hn-btns:hover { box-shadow: inset 0 0 0 1px rgb(255 255 255 / .16), 0 6px 10px -3px rgb(0 0 0 / .5) !important; }
  :is(html[data-tod=night], html.is-night, html[data-variant=nocturne]):not(.ctlshape-pill):not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .hero > .hero-now.hn-pos-g .hn-btns > button { color: #f2f2f0 !important; }
  :is(html[data-tod=night], html.is-night, html[data-variant=nocturne]):not(.ctlshape-pill):not(.ctlcap-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .hero > .hero-now.hn-pos-g .hn-btns > button:hover { background: rgb(255 255 255 / .08) !important; }
}
html.dev-clay:not(.clay-warm):not(.devedge-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) { --clay-face: #e9e8e5; --clay-side: #c4c3bf; --clay-rear: #d9d8d4; --clay-edge: #c2c1bd; }
html.dev-clay:not(.clay-warm):not(.devedge-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage .device-shell { box-shadow: inset 0 0 0 1px rgb(17 17 17 / .1), inset 0 1px 0 rgb(255 255 255 / .8) !important; }
html.dev-clay:not(.clay-warm):not(.devedge-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage figure:is(.demo-phone, .demo-phone2, .demo-phone3) .device-screen::before { box-shadow: inset 0 0 0 4px var(--clay-face), 0 0 0 1px rgb(17 17 17 / .1) !important; }
html.dev-clay:not(.clay-warm):not(.devedge-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage .device-depth.device-rear { box-shadow: inset 0 0 0 1px var(--clay-edge), 0 26px 44px -20px rgb(17 17 17 / .32), 0 6px 14px -8px rgb(17 17 17 / .18) !important; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]).dev-clay:not(.clay-warm):not(.devedge-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) { --clay-face: #2e2e31; --clay-side: #1c1c1f; --clay-rear: #26262a; --clay-edge: #3c3c40; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]).dev-clay:not(.clay-warm):not(.devedge-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage .device-shell { box-shadow: inset 0 0 0 1px rgb(255 255 255 / .08) !important; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]).dev-clay:not(.clay-warm):not(.devedge-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage .device-depth.device-rear { box-shadow: inset 0 0 0 1px var(--clay-edge), 0 26px 44px -20px rgb(0 0 0 / .6) !important; }
@media (min-width: 901px) {
  html.bigside:not(.bigrule-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #featured > .feature:nth-child(-n+3) .feature-content > .role > :not(.feature-action) { border-top: 0 !important; padding-top: 0 !important; margin-top: 12px !important; border-bottom: 1px solid var(--line) !important; padding-bottom: 20px !important; }
  html.bigside:not(.bigrule-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #featured > .feature:nth-child(-n+3) .feature-content > .role > .feature-action { margin-top: 24px !important; }
}
@media (min-width: 901px) { html.herobig:not(.sdbig-old):not(#a) body .hero .single-demo .demo-tablet.demo-display.demo-ultra { scale: calc(1.13 * var(--ultra-fit, 1)); margin-left: var(--ultra-dx, 0px); } }
html.allwork-off:not(#a):not(#b):not(#c):not(#d) body .hero .hero-actions > a[href="#more"] { display: none !important; }
html:not(.navline-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body > .nav, html:not(.navline-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body > .nav::before { border-bottom-color: transparent !important; border-image: none !important; }
html:not(.navline-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body > .nav::after { content: '' !important; display: block !important; position: absolute !important; left: 0 !important; right: 0 !important; top: auto !important; bottom: -1px !important; height: 1px !important; pointer-events: none; -webkit-mask: none !important; mask: none !important; background: linear-gradient(90deg, var(--navline-ink, rgb(17 17 17 / .1)) 0, var(--navline-ink, rgb(17 17 17 / .1)) calc(var(--page-gutter, 72px) + 90px), transparent calc(var(--page-gutter, 72px) + 460px)) !important; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]):not(.navline-old) body > .nav { --navline-ink: rgb(255 255 255 / .09); }
html:not(.herospace-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .hero .hero-copy h1 .hero-title-line { margin-bottom: -.186em !important; }
html:not(.herospace-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .hero .hero-copy .hl-b2 { margin-top: 0 !important; }
@media (min-width: 761px) { html:not(.herospace-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .hero .hero-copy .hero-actions { margin-top: 3px !important; } }
@media (max-width: 760px) { html:not(.herospace-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .hero .hero-copy .hl-b2 { margin-top: 3px !important; } html:not(.herospace-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .hero .hero-copy h1 .hero-title-line { margin-bottom: -.115em !important; } }
@media (min-width: 1100px) and (min-height: 760px) {
  html.herotall:not(#a):not(#b):not(#c):not(#d):not(#e) body .hero > .hero-intro { min-height: calc(100svh - 72px - 18px - clamp(120px, 14svh, 190px)); align-items: center !important; align-content: center !important; }
}
html.dev-clay.bezel-slim:not(.phoneclay-old):not(.x1):not(.x2):not(.x3):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage figure.demo-phone2 .device-screen { inset: 6px !important; border-radius: 32px !important; }
html.dev-clay.bezel-slim:not(.phoneclay-old):not(.x1):not(.x2):not(.x3):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage figure.demo-phone2 .device-screen > * { border-radius: inherit !important; }
html.dev-clay.bezel-slim:not(.phoneclay-old):not(.x1):not(.x2):not(.x3):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage figure:is(.demo-phone, .demo-phone2, .demo-phone3) .device-screen { outline: 0 !important; }
html.dev-clay.bezel-slim:not(.phoneclay-old):not(.x1):not(.x2):not(.x3):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage figure.demo-phone2 .device-screen::before { box-shadow: inset 0 0 0 1px rgb(17 17 17 / .18) !important; }
html.dev-clay.bezel-slim:not(.phoneclay-old):not(.x1):not(.x2):not(.x3):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage figure.demo-phone:not(.demo-phone2) .device-screen::before { box-shadow: inset 0 0 0 6px var(--clay-face), inset 0 0 0 7px rgb(17 17 17 / .18), 0 0 0 1px rgb(17 17 17 / .1) !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e) .hero .demo-stage figure.demo-tablet3 .device-screen > video.scr-video { display: block; width: 100%; height: 100%; object-fit: cover !important; object-position: 50% 0 !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e) body .hero .hero-actions > a.hero-contact { display: inline-flex !important; }
html:not(.aibreak-old) .hero .hl-b2 .hl-b2br { display: block; }
@media (min-width: 901px) {
  html.bigthird.bigright:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #featured > .feature:is(:nth-child(1), :nth-child(3)) .feature-image { grid-column: 2 / span 2 !important; grid-row: 1; }
  html.bigthird.bigright:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #featured > .feature:is(:nth-child(1), :nth-child(3)) .feature-content { grid-column: 1 !important; grid-row: 1; padding-right: 24px !important; }
  html.bigthird.bigright:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #featured > .feature:nth-child(2) .feature-image { grid-column: 1 / span 2 !important; }
  html.bigthird.bigright:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #featured > .feature:nth-child(2) .feature-content { grid-column: 3 !important; padding-right: 8px !important; }
}
html:not(.navline-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body > .nav::before { transition: border-bottom-color .35s ease !important; }
html.nav-scrolled:not(.navline-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body > .nav::before { border-bottom-color: var(--navline-ink, rgb(17 17 17 / .1)) !important; }
html:not(.namecenter-old):not(#a):not(#b):not(#c):not(#d) body > .nav .identity b.identity-name.has-role { translate: 0 -1.5px; }
html.on-work:not(.namecenter-old):not(#a):not(#b):not(#c):not(#d):not(#e) body > .nav .identity b.identity-name.has-role { top: -8.5px !important; }
html.amashape-video:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) .hero .demo-stage figure.demo-tablet3 .device-screen { aspect-ratio: 1440 / 828 !important; height: auto !important; }
html:not(.amashape-old):not(.amashape-video):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) .hero .demo-stage figure.demo-tablet3 .device-screen { aspect-ratio: 1.43 !important; height: auto !important; background: #fff !important; }
html:not(.amashape-old):not(.amashape-video):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) .hero .demo-stage figure.demo-tablet3 .device-screen > video.scr-video { object-fit: contain !important; object-position: 50% 0 !important; background: #fff; inset: 0 !important; top: 0 !important; height: 100% !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .cf-card .cf-tags .tag-material, html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body .cf-card .cf-tags .tag-material svg.pill-icon, html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body .cf-card .cf-tags .tag-material svg { color: rgb(255 255 255 / .78) !important; }
html:not(.listhover-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #more-grid.is-list > .mini-project { transition: background-color .3s ease, box-shadow .3s ease !important; }
html:not(.listhover-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #more-grid.is-list > .mini-project:is(:hover, :focus-within) { box-shadow: inset 0 0 0 1px rgb(17 17 17 / .14) !important; background-color: rgb(255 255 255 / .96) !important; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]):not(.listhover-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #more-grid.is-list > .mini-project:is(:hover, :focus-within) { box-shadow: inset 0 0 0 1px rgb(17 17 17 / .14) !important; background-color: rgb(29 29 30 / .94) !important; }
html:not(.listhover-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #more-grid .mini-project .mini-open { border-radius: 8px !important; transition: background-color .3s ease, color .3s ease, box-shadow .3s ease !important; }
html:not(.listhover-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #more-grid .mini-project:is(:hover, :focus-within) .mini-open { background: rgb(17 17 17 / .06) !important; color: #111 !important; box-shadow: inset 0 0 0 1px rgb(17 17 17 / .14) !important; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]):not(.listhover-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #more-grid .mini-project:is(:hover, :focus-within) .mini-open { background: rgb(255 255 255 / .1) !important; color: #f2f2f0 !important; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .16) !important; }
html:not(.listhover-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body #more-grid .mini-project .mini-open svg { color: inherit !important; stroke: currentColor !important; transition: color .3s ease !important; }
html:not(.listhover-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body #more-grid .mini-project .mini-open svg * { color: inherit !important; stroke: currentColor !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) .hero .demo-stage figure.demo-tablet3.ama-display .device-screen { aspect-ratio: 1440 / 828 !important; height: auto !important; background: #fff !important; position: relative; overflow: hidden; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) .hero .demo-stage figure.demo-tablet3.ama-display .device-screen > video.scr-video { position: absolute !important; inset: 0 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 0 !important; clip-path: none !important; translate: none !important; }
html.on-work:not(.peakspeed-old):not(.hl-flying):not(.avatar-away):not(#a):not(#b) body>.nav .identity canvas.identity-peak3d { transition: transform .6s cubic-bezier(.22, 1, .36, 1), opacity .5s cubic-bezier(.4, 0, .2, 1); }
@media (min-width: 901px) { html.herobig:not(.sdbig-old):not(#a):not(#b) body .hero .single-demo .demo-tablet.demo-display.demo-ultra { margin-top: var(--ultra-dy, 0px); } }
html:not(.btnline-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body :is(.hero .hero-actions > a.hero-all-work, #more .more-toolbar button:not([aria-pressed=true]):not(.is-active), #more .more-filters button:not([aria-pressed=true]):not(.is-active), .narrative-all) { border-color: #b9b9b5 !important; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]):not(.btnline-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body :is(.hero .hero-actions > a.hero-all-work, #more .more-toolbar button:not([aria-pressed=true]):not(.is-active), #more .more-filters button:not([aria-pressed=true]):not(.is-active), .narrative-all) { border-color: #4a4a4a !important; }
@media (min-width: 1100px) {
  html:not(.btnline-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body .hero > .hero-now.hn-pos-g .hn-btns { box-shadow: inset 0 0 0 1px #b9b9b5 !important; }
  html:not(.btnline-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body .hero > .hero-now.hn-pos-g .hn-btns:hover { box-shadow: inset 0 0 0 1px #b9b9b5, 0 6px 10px -3px rgb(17 17 17 / .2) !important; }
  :is(html[data-tod=night], html.is-night, html[data-variant=nocturne]):not(.btnline-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body .hero > .hero-now.hn-pos-g .hn-btns { box-shadow: inset 0 0 0 1px #4a4a4a !important; }
}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) .hero .demo-stage figure.demo-esm2 .device-screen { background: #fff !important; position: relative; overflow: hidden; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) .hero .demo-stage figure.demo-esm2 .device-screen > video.esm-mon-video { position: absolute !important; inset: 0 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 0 !important; clip-path: none !important; translate: none !important; transform: none !important; background: #fff; }
html:not(.standz-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .single-demo .demo-display .display-foot { transform: translateZ(calc(-1 * var(--device-depth, 18px) - 43px)) rotateX(70deg); }
html.dev-smoke .hero .single-demo { isolation: isolate; }
html.dev-smoke .hero .single-demo > .demo-haze { position: absolute; left: 50%; top: 50%; width: min(1300px, 110vw); height: 820px; translate: -50% -50%; z-index: -1; pointer-events: none; overflow: hidden;
  -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 30%, transparent 100%); mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 30%, transparent 100%);
  background: radial-gradient(ellipse 40% 36% at 44% 40%, rgb(255 255 255 / .95), rgb(255 255 255 / 0) 100%); }
html.dev-smoke .hero .single-demo > .demo-haze > i { position: absolute; top: 0; bottom: 0; left: -50%; width: 200%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='600'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0035 .007' numOctaves='4' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.13 0 0 0 0 0.13 0 0 0 0 0.13 0 0 0 2 -.85'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E") 0 0 / 900px 600px repeat; opacity: .26; will-change: transform; animation: haze-drift 90s linear infinite; }
html.dev-smoke .hero .single-demo > .demo-haze > i + i { background-size: 1300px 860px; background-position: 300px 200px; opacity: .16; animation-duration: 140s; animation-direction: reverse; }
html.dev-smoke:is([data-tod=night], [data-variant=nocturne]) .hero .single-demo > .demo-haze { background: radial-gradient(ellipse 42% 38% at 46% 42%, rgb(255 255 255 / .09), rgb(255 255 255 / 0) 100%); }
html.dev-smoke:is([data-tod=night], [data-variant=nocturne]) .hero .single-demo > .demo-haze > i { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='600'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0035 .007' numOctaves='4' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 2 -.85'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E"); opacity: .14; }
html.dev-smoke:is([data-tod=night], [data-variant=nocturne]) .hero .single-demo > .demo-haze > i + i { opacity: .1; }
@keyframes haze-drift { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(25%, -2%, 0); } }
@media (prefers-reduced-motion: reduce) { html.dev-smoke .hero .single-demo > .demo-haze > i { animation: none; } }
html body .menu-sheet .menu-top .menu-name .menu-role { display: block; margin-top: 4px; font-size: 12.5px; font-weight: 400 !important; letter-spacing: 0; line-height: 1.2; color: var(--ink); }
html body .menu-sheet .menu-top .menu-name:has(.menu-role) { line-height: 1; }
html:is([data-tod=night], [data-variant=nocturne]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #featured > .feature .feature-content > .role > :not(.feature-action) { border-color: var(--card-hair, rgb(255 255 255 / .16)) !important; }
html.hl-fadeswap.hl-flying .hero-copy h1 .hero-title-line { visibility: visible; }
html.dev-clay:not(.phonetop-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) .hero .demo-stage figure.demo-phone2 .device-screen > img { border-radius: 0 0 32px 32px !important; }
html.dev-clay:not(.phonetop-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) .hero .demo-stage figure.demo-phone2:has(img[src*=health-equity]) .device-screen { background: #050505 !important; }
html:not(.ctlink-old):not(#a):not(#b):not(#c):not(#d) body .hero .hero-now.hn-ctl .hn-btns :is(.dev-arrow, #demo-motion) { color: #111 !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(.ctlink-old):not(#a):not(#b):not(#c):not(#d) body .hero .hero-now.hn-ctl .hn-btns :is(.dev-arrow, #demo-motion) { color: #f3f3f1 !important; }
html:not(.ctlink-old):not(#a):not(#b):not(#c):not(#d) body .hero .hero-now.hn-ctl .hn-btns .dev-arrow svg path { stroke-width: 2.25px !important; }
html:not(.esmpad-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) .hero .demo-stage figure.demo-esm2 .device-screen:has(> video.esm-mon-video) { background: #21211f !important; }
html:not(.esmpad-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) .hero .demo-stage figure.demo-esm2 .device-screen > video.esm-mon-video { top: 3.4% !important; height: 96.6% !important; object-position: 50% 1.5% !important; }
html:not(.esmpad-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) .hero .demo-stage figure.demo-esm2 .device-screen:has(> video.esm-mon-video)::after { content: ''; position: absolute; left: 0; right: 0; top: 0; height: calc(3.4% + 2px); background: #21211f; z-index: 2; pointer-events: none; }
.jm-demo .jm-demo-frame { margin: 0; display: grid; gap: 16px; }
.jm-demo .jm-demo-frame video { display: block; width: 100%; height: auto; aspect-ratio: 1920 / 1008; border-radius: 8px; box-shadow: 0 0 0 1px var(--line); background: #111; }
.jm-demo .jm-demo-frame figcaption { display: grid; gap: 4px; } .jm-demo .jm-demo-frame figcaption b { font-weight: 600; color: var(--ink); } .jm-demo .jm-demo-frame figcaption span { color: var(--muted); }
html.dev-clay:not(.pbclay-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage figure.demo-phone-back .device-screen { position: absolute !important; inset: 6px !important; width: auto !important; height: auto !important; aspect-ratio: auto !important; border-radius: 29px !important; background: #f1f1f1; }
html.dev-clay:not(.pbclay-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage figure.demo-phone-back .device-screen video.hb-clip { inset: auto !important; left: -4.054% !important; top: -1.597% !important; width: 108.11% !important; height: 103.28% !important; border-radius: 0 !important; }
html.dev-clay:not(.pbclay-old):not(.hbtop-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) .hero .demo-stage figure.demo-phone-back .device-screen video.hb-clip { top: -.25% !important; }
@media (hover: none), (max-width: 900px) {
  html.dev-clay:not(.mobdepth-keep):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage figure .device-shell > .device-depth:not(.device-rear) { display: none !important; }
  html.dev-clay:not(.mobdepth-keep):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage figure .device-shell > .device-rear { transform: none !important; opacity: 0 !important; }
  html.dev-clay:not(.mobdepth-keep):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage figure :is(.demo-phone2, .demo-phone) .device-shell, html.dev-clay:not(.mobdepth-keep):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage figure:is(.demo-phone2, .demo-phone) .device-shell { box-shadow: inset 0 0 0 1px rgb(0 0 0 / .06), 2px 3px 0 0 var(--clay-side, #c4c3bf), 0 18px 30px -14px rgb(20 20 18 / .3) !important; }
}
@media (max-width: 760px) {
  html:not(.mvt-full) body, html:not(.mvt-full) body * { view-transition-name: none !important; }
  html:not(.mvt-full)::view-transition-old(root), html:not(.mvt-full)::view-transition-new(root) { animation-duration: .2s !important; animation-delay: 0s !important; animation-timing-function: ease-out !important; }
}
.hero video::-webkit-media-controls-start-playback-button, .hero video::-webkit-media-controls { display: none !important; -webkit-appearance: none; }
@media (hover: none), (max-width: 900px) {
  html.dev-clay:not(.mobflat-0) .hero .demo-stage figure, html.dev-clay:not(.mobflat-0) .hero .demo-stage figure * { transform-style: flat !important; }
  html.dev-clay:not(.mobflat-0) .hero .demo-stage figure .device-screen { transform: none !important; }
}
html.phone-calm:not(#a):not(#b):not(#c):not(#d) body :is(.nav, .mini-flag, .strata-blur, .impact-styles-toggle) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.phone-calm:not(#a):not(#b):not(#c):not(#d) body > .nav { background: color-mix(in srgb, var(--bg) 96%, transparent) !important; }
html.reel-grow-on:not(#a):not(#b) body .hero .reel-band { z-index: 70 !important; overflow: hidden; }
html.reel-grow-on:not(#a):not(#b) body .hero .reel-band::after { display: none !important; }
.reel-grow-space { pointer-events: none; }
html.leadwrap-old .experience-page .career-hero > p .lead-br { display: none; }
html:not(.listbtn-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #more-grid.is-list .mini-project .mini-open { background: transparent !important; border: 1px solid #b9b9b5 !important; border-radius: 8px !important; box-shadow: none !important; color: var(--ink) !important; transition: background-color .25s ease, border-color .25s ease, color .25s ease, translate .38s cubic-bezier(.22, 1, .36, 1), filter .38s cubic-bezier(.22, 1, .36, 1) !important; }
@media (hover: hover) {
  html:not(.listbtn-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #more-grid.is-list .mini-project:is(:hover, :focus-within) .mini-open { background: var(--ink) !important; border-color: var(--ink) !important; color: var(--bg) !important; box-shadow: none !important; translate: 0 -2px !important; filter: drop-shadow(0 6px 8px rgb(34 33 31 / .16)) !important; }
}
html:is([data-tod=night], [data-variant=nocturne]):not(.listbtn-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #more-grid.is-list .mini-project .mini-open { border-color: #4a4a4a !important; }
@media (hover: hover) {
  html:is([data-tod=night], [data-variant=nocturne]):not(.listbtn-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #more-grid.is-list .mini-project:is(:hover, :focus-within) .mini-open { border-color: var(--ink) !important; filter: drop-shadow(0 6px 10px rgb(0 0 0 / .45)) !important; }
}
@media (prefers-reduced-motion: no-preference) {
  html.namesmoke .hero-copy .hero-title-line { animation: hero-wipe 1700ms cubic-bezier(.2,.65,.22,1) .15s both, hero-slide 1700ms cubic-bezier(.2,.65,.22,1) .15s both, name-unsmoke 1300ms cubic-bezier(.3,.6,.2,1) both !important; }
  html.namesmoke .hero-copy { position: relative; }
  html.namesmoke .hero-copy > .name-smoke { position: absolute; left: -8%; top: -55%; width: 640px; height: 400px; pointer-events: none; z-index: 2; background: url("assets/smoke-wisp.webp") 0 0 / 100% 100% no-repeat; opacity: 0; animation: name-smoke-drift 2400ms cubic-bezier(.25,.55,.25,1) both; will-change: transform, opacity; }
  html.namesmoke:is([data-tod=night], [data-variant=nocturne]) .hero-copy > .name-smoke { filter: invert(1); }
}
@keyframes name-unsmoke { from { filter: blur(8px); opacity: .3; } 60% { filter: blur(2px); opacity: .9; } to { filter: none; opacity: 1; } }
@keyframes name-smoke-drift { 0% { opacity: .75; transform: translate3d(0, 0, 0); } 30% { opacity: .6; } 100% { opacity: 0; transform: translate3d(48vw, -4%, 0); } }
@media (min-width: 1101px) { html.reel-grow.reel-split.hero-reel:not(#x) .reel-band { right: 0; border-radius: 8px; } }
html.pag-arrow-label:not(#a):not(#b):not(#c):not(#d) body .project-pagination .project-pagination-link [data-fr="label"]:has(> b.pag-arrow) { display: inline-flex !important; align-items: center; gap: .4em; }
html.pag-arrow-label:not(#a):not(#b):not(#c):not(#d) body .project-pagination .project-pagination-link [data-fr="label"] > b.pag-arrow { position: static !important; display: inline-flex !important; flex: none; margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; transform: none !important; translate: none !important; background: none !important; border: 0 !important; box-shadow: none !important; color: inherit !important; line-height: 1; }
html.pag-arrow-label:not(#a):not(#b):not(#c):not(#d) body .project-pagination .project-pagination-link [data-fr="label"] > b.pag-arrow svg { display: block; width: 1.05em !important; height: 1.05em !important; margin: 0 !important; }
html.pag-arrow-label:not(.pagalign-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .project-pagination .project-pagination-link > div > span:has(> b.pag-arrow) { display: flex !important; width: fit-content; align-items: center; gap: .3em; }
html.pag-arrow-label:not(.pagalign-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .project-pagination .project-pagination-link > div > span > b.pag-arrow { font-size: inherit !important; }
html.pag-arrow-label:not(.pagalign-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .project-pagination .project-pagination-link > div > span > b.pag-arrow svg { width: 1.2em !important; height: 1.2em !important; }
html.pag-arrow-label:not(.pagalign-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .project-pagination .project-pagination-link > div > span > b.pag-arrow:first-child { margin-left: -.172em !important; }
html.dev-clay:not(.monbezel-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure.demo-display:not(.demo-ultra) .device-shell { padding: 1.1% !important; border-radius: 2.2% / 3.8% !important; }
html.dev-clay:not(.monbezel-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure.demo-display:not(.demo-ultra) .device-screen { border-radius: 1.2% / 2.1% !important; }
html.dev-clay:not(.monbezel-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure.demo-esm2 .device-screen:has(> video.esm-mon-video) { aspect-ratio: 768 / 596 !important; height: auto !important; }
html.dev-clay:not(.monbezel-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) .hero .demo-stage figure.demo-esm2 .device-screen > video.esm-mon-video { object-fit: contain !important; object-position: 50% 100% !important; }
html.reel-grow-on:not(#a):not(#b) body .hero .reel-band > .reel-motion { position: absolute; right: 14px; bottom: 14px; z-index: 3; margin: 0; pointer-events: auto; color: #fff; background: rgb(15 15 14 / .45); border-radius: 8px; padding: 6px 10px; }
.hero .hero-now.hn-ctl .hn-btns .hn-mode { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; margin: 0; border: 0; border-radius: 8px; background: transparent; color: #111; cursor: pointer; transition: background-color .2s ease; }
.hero .hero-now.hn-ctl .hn-btns .hn-mode svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.hero .hero-now.hn-ctl .hn-btns .hn-mode:is(:hover, :focus-visible) { background: rgb(17 17 17 / .05); }
:is(html[data-tod=night], html[data-variant=nocturne]) .hero .hero-now.hn-ctl .hn-btns .hn-mode { color: #f3f3f1; }
:is(html[data-tod=night], html[data-variant=nocturne]) .hero .hero-now.hn-ctl .hn-btns .hn-mode:is(:hover, :focus-visible) { background: rgb(255 255 255 / .1); }
html.reel-ctl:not(#x):not(#y) body .hero .hero-now { display: block !important; }
html.reel-ctl:not(#x):not(#y):not(#z):not(#w) body .hero > .hero-now.hn-ctl .hn-btns .dev-arrow, html.reel-ctl:not(#x):not(#y) body .hero .hero-now .hn-clip { display: none !important; }
html.reel-ctl:not(#x):not(#y) body .hero .reel-band > .reel-motion { display: none !important; }
html.car-grow .hero > .hero-intro { position: relative; z-index: 60; will-change: transform; }
.hero .hero-now.hn-ctl .hn-btns .hn-mode { background: #111; color: #fff; position: relative; margin-bottom: 7px; }
.hero .hero-now.hn-ctl .hn-btns .hn-mode::after { content: ''; position: absolute; left: 4px; right: 4px; bottom: -7px; height: 1px; background: #b9b9b5; }
.hero .hero-now.hn-ctl .hn-btns .hn-mode:is(:hover, :focus-visible) { background: #2a2a2a; }
:is(html[data-tod=night], html[data-variant=nocturne]) .hero .hero-now.hn-ctl .hn-btns .hn-mode { background: #f3f3f1; color: #111; }
:is(html[data-tod=night], html[data-variant=nocturne]) .hero .hero-now.hn-ctl .hn-btns .hn-mode::after { background: #4a4a4a; }
:is(html[data-tod=night], html[data-variant=nocturne]) .hero .hero-now.hn-ctl .hn-btns .hn-mode:is(:hover, :focus-visible) { background: #fff; }
html.car-grow:not(#a):not(#b) body .hero > .hero-now { z-index: 65; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .hero .hero-now.hn-ctl .hn-btns > .hn-mode { color: #fff !important; background: #111 !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .hero .hero-now.hn-ctl .hn-btns > .hn-mode { color: #111 !important; background: #f3f3f1 !important; }
html.car-grow .hero .hero-demo { position: relative; z-index: 60; will-change: transform; } html.car-grow .hero > .hero-intro { z-index: auto; will-change: auto; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .hero .hero-now .hn-btns:is(:hover, :focus-within), html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .hero .hero-now .hn-btns > button:is(:hover, :focus-visible, :active) { translate: none !important; transform: none !important; filter: none !important; box-shadow: none !important; }
.rg-film { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 70; pointer-events: none; opacity: 0; transition: opacity .55s cubic-bezier(.4, 0, .2, 1); overflow: hidden; transform-origin: 0 0; will-change: transform; }
.rg-film video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
html.rg-reel .rg-film { opacity: 1; }
html.rg-on .hero .hero-demo { transition: opacity .55s cubic-bezier(.4, 0, .2, 1); }
html.rg-reel .hero .hero-demo { opacity: 0; pointer-events: none; }
html.rg-reel:not(#x):not(#y):not(#z):not(#w) body .hero > .hero-now.hn-ctl .hn-btns .dev-arrow, html.rg-reel:not(#x):not(#y) body .hero .hero-now .hn-clip { display: none !important; }
html.rg-on:not(#a):not(#b) body .hero > .hero-now { z-index: 75; }
html.rg-on .hero .hero-demo { z-index: 60; will-change: transform; align-self: start; } .rg-hold { grid-column: 1 / -1; pointer-events: none; }
.hero .single-demo figure.has-link:not(.is-away) { cursor: pointer; }
html:not(#a):not(#b):not(#c) body .hero .single-demo .dev-cta { font-size: 14px; background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
html:not(#a):not(#b):not(#c) body .hero .single-demo .dev-cta:hover { color: var(--ink) !important; background: none !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .hero .hero-now.hn-ctl .hn-btns > .hn-mode { width: 34px !important; height: 34px !important; } .hero .hero-now.hn-ctl .hn-btns .hn-mode svg { width: 22px; height: 22px; stroke-width: 1.5; }
.career-title .nw { white-space: nowrap; }
html:not(.resarrow-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body .results-page .impact-card .impact-src > span[aria-hidden] > svg { display: none !important; }
html:not(.resarrow-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body .results-page .impact-card .impact-src > span[aria-hidden] { border-radius: 8px !important; overflow: hidden; }
@media (max-width: 900px), (hover: none) {
  html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body .hero .demo-stage figure.baked .device-shell { background: none !important; box-shadow: none !important; filter: drop-shadow(0 14px 18px rgb(20 20 18 / .2)) !important; }
  html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body .hero .demo-stage figure.baked .device-shell > .device-depth { display: none !important; } html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body .hero .demo-stage figure.baked .device-shell { overflow: visible !important; border-radius: 0 !important; }
  .hero .demo-stage figure.baked .device-shell > img.bake { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
  .hero .demo-stage figure.baked .device-shell > img.bake.bake-night { display: none; }
  html[data-variant=nocturne] .hero .demo-stage figure.baked .device-shell > img.bake.bake-night { display: block; }
  html[data-variant=nocturne] .hero .demo-stage figure.baked .device-shell > img.bake.bake-day { display: none; }
}
@supports (animation-timeline: scroll()) {
  @media (prefers-reduced-motion: no-preference) {
    html.exp-par-css .career-hero-landscape .mountain-parallax { animation: exp-par-mtn linear both; animation-timeline: scroll(root); animation-range: 0 100vh; }
    html.exp-par-css .career-hero-landscape > :not(.career-landscape) { animation: exp-par-copy linear both; animation-timeline: scroll(root); animation-range: 0 100vh; }
  }
}
@keyframes exp-par-mtn { to { translate: 0 38vh; scale: 1.05; opacity: .65; } }
@keyframes exp-par-copy { to { translate: 0 -12vh; } }
html.menu-in:not(.menuin-slow)::view-transition-old(root) { animation: menu-out .08s linear both !important; }
html.menu-in:not(.menuin-slow)::view-transition-new(root) { animation: menu-quick-in .16s ease-out both !important; }
@keyframes menu-quick-in { from { opacity: .35; } }
@media (max-width: 560px) {
  html:not(.footmob-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .portfolio-footer nav { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0 24px !important; }
  html:not(.footmob-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .portfolio-footer nav a { padding: 0 !important; margin: 0 !important; min-height: 44px; display: flex !important; align-items: center; }
  html:not(.footmob-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .portfolio-footer .footer-bottom { display: grid !important; grid-template-columns: 1fr; justify-items: start; gap: 16px !important; }
  html:not(.footmob-old):not(#a):not(#b):not(#c):not(#d):not(#e) body .portfolio-footer .footer-bottom > span { font-size: 14px !important; line-height: 1.5 !important; color: rgb(255 255 255 / .62) !important; }
}
@media (max-width: 900px), (hover: none) { html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body .hero .demo-stage figure.baked .device-shell::before { display: none !important; } }
@media (max-width: 760px) {
  html:not(.rescard-old):not(#a):not(#b):not(#c):not(#d) body .results-page .impact-card.impact-card { background: rgb(255 255 255 / .95) !important; }
  html:is([data-tod=night], [data-variant=nocturne]):not(.rescard-old):not(#a):not(#b):not(#c):not(#d) body .results-page .impact-card.impact-card { background: rgb(26 26 26 / .95) !important; }
}
html:not(.cardarrow-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body :is(.results-page .impact-card .impact-src > span[aria-hidden], #more-grid.is-list .mini-project .mini-open) { width: 36px !important; height: 36px !important; border-radius: 8px !important; background: transparent !important; border: 0 !important; box-shadow: inset 0 0 0 1px #b9b9b5 !important; color: var(--ink) !important; filter: none !important; translate: none !important; transform: none !important; transition: background-color .25s ease, box-shadow .25s ease, color .25s ease !important; }
html:not(.cardarrow-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body .results-page .impact-card .impact-src > span[aria-hidden]::before { width: 16px !important; height: 16px !important; margin: -8px 0 0 -8px !important; background: #111 !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(.cardarrow-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body .results-page .impact-card .impact-src > span[aria-hidden]::before { background: #f3f3f1 !important; }
html:not(.cardarrow-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body #more-grid.is-list .mini-project .mini-open svg { width: 16px !important; height: 16px !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(.cardarrow-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body :is(.results-page .impact-card .impact-src > span[aria-hidden], #more-grid.is-list .mini-project .mini-open) { box-shadow: inset 0 0 0 1px #4a4a4a !important; }
@media (hover: hover) {
  html:not(.cardarrow-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body :is(.results-page .impact-card:is(:hover, :focus-visible, [data-drawn]) .impact-src > span[aria-hidden], #more-grid.is-list .mini-project:is(:hover, :focus-within) .mini-open) { background: var(--ink) !important; box-shadow: inset 0 0 0 1px var(--ink) !important; color: var(--bg) !important; filter: none !important; translate: none !important; }
  html:not(.cardarrow-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body .results-page .impact-card:is(:hover, :focus-visible, [data-drawn]) .impact-src > span[aria-hidden]::before { background: #fff !important; }
  html:is([data-tod=night], [data-variant=nocturne]):not(.cardarrow-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body .results-page .impact-card:is(:hover, :focus-visible, [data-drawn]) .impact-src > span[aria-hidden]::before { background: #111 !important; }
}
@media (prefers-reduced-motion: no-preference) {
  html.rwave-draw .results-page .impact-card .impact-label::after { transform-origin: 0 50%; animation: rw-draw .55s cubic-bezier(.2, .7, .2, 1) both; animation-timeline: view(); animation-range: entry 40% entry 100%; }
}
@supports not (animation-timeline: view()) { html.rwave-draw .results-page .impact-card .impact-label::after { animation: none; } }
@keyframes rw-draw { from { transform: scaleX(0); } }
html:not(.cardarrow-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body .results-page .impact-card .impact-src > span[aria-hidden]::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 14.5 14.5 5.5M8 5.5h6.5V12'/%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 14.5 14.5 5.5M8 5.5h6.5V12'/%3E%3C/svg%3E") center / contain no-repeat !important; }
html.hero-fitting body .hero { visibility: hidden; } html.hero-fitting body .hero * { animation-play-state: paused !important; }
html.nav-arrive.hero-fitting:is(:not(.fonts-wait), .textsettle-old) body .hero { visibility: visible; } html.arrive-hold:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8):not(#h9):not(#h10):not(#h11) body .hero .hero-copy { opacity: 0 !important; } html.nav-arrive:not(.textsettle-old):not(.arrive-hold):not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8):not(#h9):not(#h10):not(#h11) body .hero .hero-copy { transition: opacity .18s ease-out !important; }  html.nav-arrive.hero-fitting body .hero :is(.hero-demo, .hero-now) { visibility: hidden; } html.nav-arrive:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8) body .hero-copy :is(.eyebrow, .hero-title-line, .hero-bottom > p, .hero-actions > a) { animation: none !important; -webkit-mask-image: none !important; mask-image: none !important; }
html.nav-arrive:not(.hero-fitting):not(.fonts-wait):not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) body .hero .single-demo :is(.dev-slot, .demo-phone, .demo-tablet, .demo-phone2):not(.is-in):not(.is-out):not(.is-away) { animation-play-state: running !important; }  html.nav-dev:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) body .hero .single-demo :is(.demo-phone, .demo-tablet, .demo-phone2):not(.is-in):not(.is-out):not(.is-away) { animation-delay: 0s, 0s !important; }
html.hero-devhold body .hero .hero-demo { visibility: hidden; } html.hero-devhold:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9):not(#d10) body :is(.hero .hero-demo, .hero .hero-demo *) { animation-play-state: paused !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) .hero .demo-stage figure.demo-esm2.esm-ipad .device-screen { aspect-ratio: 446 / 325 !important; height: auto !important; background: #fff !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) .hero .demo-stage figure.demo-esm2.esm-ipad .device-screen::after { display: none !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) .hero .demo-stage figure.demo-esm2.esm-ipad .device-screen > video.esm-mon-video { position: absolute !important; inset: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 0 !important; }
html:not(.esmfit-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) .hero .demo-stage figure.demo-esm2:not(.esm-ipad) .device-screen { aspect-ratio: var(--esm-scr, 16 / 9) !important; height: auto !important; background: #fff !important; }
html:not(.esmfit-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) .hero .demo-stage figure.demo-esm2:not(.esm-ipad) .device-screen::after { display: none !important; }
html:not(.esmfit-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) .hero .demo-stage figure.demo-esm2:not(.esm-ipad) .device-screen > video.esm-mon-video { position: absolute !important; inset: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 0 !important; }
@media (hover: none) { html:not(.ambphone-on):not(#a):not(#b) body .has-image-ambience > .image-ambience { display: none !important; } }
html:not(.esmfit-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) .hero .demo-stage figure.demo-esm2:not(.esm-ipad) .device-screen.esm-wide { background: linear-gradient(to bottom, var(--esm-top, #222220) var(--esm-band, 19.6%), #fff var(--esm-band, 19.6%)) !important; }
html:not(.esmfit-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) .hero .demo-stage figure.demo-esm2:not(.esm-ipad) .device-screen.esm-wide > video.esm-mon-video { object-fit: contain !important; object-position: 50% 50% !important; background: transparent !important; }
html.receipt-on:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .results-page .impact-grid { display: none !important; }
.rcpt { --paper: #fbfaf6; --rink: #2a2620; --faint: #8a8478; position: relative; width: min(440px, 100%); margin: 8px auto 0; padding-top: 14px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; color: var(--rink); z-index: 2; }
.rcpt-slot { position: absolute; top: 0; left: -18px; right: -18px; height: 16px; border-radius: 8px; background: #2a2724; box-shadow: inset 0 -5px 6px rgb(0 0 0 / .55); z-index: 2; }
.rcpt-paper { position: relative; background: var(--paper); padding: 30px 30px 40px; clip-path: inset(0 0 100% 0); animation: rcpt-feed 2.6s cubic-bezier(.3,.05,.25,1) .35s forwards; box-shadow: 0 18px 40px -18px rgb(30 24 20 / .35);
  -webkit-mask: linear-gradient(#000 0 0) top / 100% calc(100% - 9px) no-repeat, conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) bottom / 14px 9px repeat-x;
          mask: linear-gradient(#000 0 0) top / 100% calc(100% - 9px) no-repeat, conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) bottom / 14px 9px repeat-x; }
@keyframes rcpt-feed { to { clip-path: inset(0 0 0 0); } }
.rcpt-head { display: grid; justify-items: center; gap: 4px; text-align: center; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--faint); }
.rcpt-head b { font-size: 20px; font-weight: 600; letter-spacing: .22em; color: var(--rink); }
.rcpt-meta, .rcpt-sum p { display: flex; justify-content: space-between; gap: 12px; margin: 0; }
.rcpt-meta { margin: 22px 0 6px; padding: 10px 0; border-block: 1px dashed currentColor; font-size: 12px; letter-spacing: .12em; }
.rcpt-item { display: grid; grid-template-columns: 2.2em 1fr auto; column-gap: 8px; padding: 12px 0; color: inherit; text-decoration: none; border-bottom: 1px dotted color-mix(in srgb, currentColor 35%, transparent); font-size: 14px; line-height: 1.35; }
.rcpt-item:hover .rcpt-name { text-decoration: underline; text-underline-offset: 3px; }
.rcpt-qty { color: var(--faint); }
.rcpt-name { display: grid; gap: 2px; text-transform: uppercase; font-size: 13px; letter-spacing: .04em; }
.rcpt-name small { font-size: 11px; color: var(--faint); letter-spacing: .06em; }
.rcpt-val { font-weight: 600; text-align: right; white-space: nowrap; }
.rcpt-note { grid-column: 2 / -1; margin-top: 4px; font-size: 12px; color: var(--faint); }
.rcpt-sum { margin-top: 14px; padding-top: 12px; border-top: 1px dashed currentColor; display: grid; gap: 6px; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.rcpt-sum .rcpt-total { margin-top: 6px; padding-top: 10px; border-top: 3px double currentColor; font-size: 18px; font-weight: 600; }
.rcpt-thanks { margin: 28px 0 14px; text-align: center; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; }
.rcpt-bars { display: flex; gap: 2px; height: 46px; margin: 0 18px; }
.rcpt-bars i { background: var(--rink); flex-basis: 0; }
.rcpt-bars i:nth-child(3n) { background: transparent; }
.rcpt-foot { margin: 10px 0 0; text-align: center; font-size: 11px; letter-spacing: .3em; color: var(--faint); }
html[data-tod=night] .rcpt { --paper: #ecebe5; }
@media (max-width: 560px) { .rcpt-paper { padding: 24px 18px 34px; } .rcpt-slot { left: -6px; right: -6px; } }
@media (prefers-reduced-motion: reduce) { .rcpt-paper { animation: none; clip-path: none; } }
html.phone-calm[data-tod=night]:not(.navnight-old):not(#a):not(#b):not(#c):not(#d):not(#e) body > .nav { background: rgb(13 13 13 / .94) !important; border-bottom-color: rgb(255 255 255 / .08) !important; }
@media (max-width: 760px) {
  html:not(.resarrowfit-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body .results-page .impact-card { padding-bottom: calc(var(--rcard-pb, 20px) + 9px) !important; }
  html:not(.resarrowfit-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body .results-page .impact-card .impact-src > span[aria-hidden] { right: 20px !important; bottom: 20px !important; top: auto !important; }
  html:not(.resarrowfit-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body .results-page .impact-card .impact-src { padding-right: 48px !important; }
}
@media (max-width: 760px) {
  html:not(.resarrowpos-bottom):not(.resarrowfit-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body .results-page .impact-card { padding-bottom: var(--rcard-pb, 20px) !important; }
  html:not(.resarrowpos-bottom):not(.resarrowfit-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body .results-page .impact-card .impact-src > span[aria-hidden] { top: 20px !important; right: 20px !important; bottom: auto !important; }
  html:not(.resarrowpos-bottom):not(.resarrowfit-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body .results-page .impact-card .impact-src { padding-right: 0 !important; }
}
html:not(.resrule-red):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body .results-page .impact-card :is(.impact-label)::after, html:not(.resrule-red):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body .results-page .impact-card::after { background-color: rgb(17 17 17 / .28) !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(.resrule-red):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body .results-page .impact-card :is(.impact-label)::after, html:is([data-tod=night], [data-variant=nocturne]):not(.resrule-red):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body .results-page .impact-card::after { background-color: rgb(255 255 255 / .28) !important; }
html:not(.resrule-red):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body .results-page .impact-card .impact-label .rw-line path { stroke: rgb(17 17 17 / .28) !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(.resrule-red):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body .results-page .impact-card .impact-label .rw-line path { stroke: rgb(255 255 255 / .28) !important; }
html:not(.carname-on):not(#a):not(#b):not(#c):not(#d):not(#e) body .hero .dev-cta .dev-cta-name { display: none !important; }
html.phone-calm.is-night:not(.navnight-old):not(#a):not(#b):not(#c):not(#d):not(#e) body > .nav { background: rgb(13 13 13 / .94) !important; border-bottom-color: rgb(255 255 255 / .08) !important; }
html:not(.closebtn-stack):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .ab-close .about-actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-items: center !important; gap: 12px !important; }
html:not(.closebtn-stack):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .ab-close .about-actions .about-btn.about-btn { width: auto !important; flex: 0 0 auto !important; align-self: auto !important; }
@media (max-width: 560px) { html:not(.closebtn-stack):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .ab-close .about-actions .about-btn.about-btn { padding-inline: 14px !important; } html:not(.closebtn-stack):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .ab-close .about-actions { gap: 10px !important; } }
@media (min-width:701px) {
  html.inspo-page .curio-story.curio-intro-split .curio-beat.curio-intro { justify-content: center; align-items: flex-start; text-align: left; min-height: 100vh; min-height: 100svh; padding-top: 72px; padding-bottom: 0; }
  html.inspo-page:not(.introv-old) .curio-story.curio-intro-split .curio-beat.curio-intro { padding-top: 0; padding-bottom: 72px; }
  html.inspo-page .curio-story.curio-intro-split .curio-beat.curio-intro h2#interests-title { width: min-content; max-width: none; margin-inline: 0; font-size: clamp(2.4rem,5vw,4.2rem); line-height: 1; letter-spacing: -.042em; }
  html.inspo-page .curio-story.curio-intro-split .curio-beat.curio-intro .inspo-intro { display: none; }
  html.inspo-page .curio-story.curio-intro-split .curio-beat.curio-intro .inspo-explore:not(#x):not(#y) { border-radius: 8px; margin-top: 36px; background: #f3f3f1; border-color: #f3f3f1; color: #111 !important; }
  html.inspo-page .curio-story.curio-intro-split .curio-beat.curio-intro .inspo-explore:not(#x):not(#y) > span { color: #111 !important; }
  html.inspo-page .curio-story.curio-intro-split .curio-beat.curio-intro .inspo-explore:not(#x):hover { background: #fff; }
}
@font-face { font-family: 'Geist Serif'; src: url('assets/fonts/geist-serif/GeistSerif-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
html.heads-serif:not(#a):not(#b):not(#c) body :is(h1,h2,h3,.page-title,.career-title,.hero-title-line,.work-title-highlight,[data-fr=display]), html.heads-serif:not(#a):not(#b):not(#c) body :is(h1,h2,h3,.page-title,.hero-title-line) * { font-family: 'Geist Serif', Georgia, serif !important; font-weight: 400 !important; letter-spacing: -.005em !important; }
html.heads-serif:not(#a):not(#b):not(#c) body :is(h1,h2,h3) :is(em, i) { font-style: normal !important; }
html.heads-serif2:not(#a):not(#b):not(#c):not(#d) body .hs-big, html.heads-serif2:not(#a):not(#b):not(#c):not(#d) body .hs-big :not(.hl-byline):not(.hl-byline *) { font-family: 'Geist Serif', Georgia, serif !important; font-weight: 400 !important; letter-spacing: var(--hs-ls, -.01em) !important; font-kerning: normal; font-feature-settings: "kern", "liga"; }
html.heads-serif2:not(#a):not(#b):not(#c):not(#d) body .hs-big :is(em, i) { font-style: normal !important; }
.rcpt-each { --paper: #fbfaf6; --rink: #2a2620; --faint: #8a8478; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; align-items: start; position: relative; z-index: 2; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; color: var(--rink); }
html[data-tod=night] .rcpt-each { --paper: #ecebe5; }
.rcpt-one { display: block; color: inherit; text-decoration: none; transition: translate .25s ease; }
.rcpt-one .rcpt-paper { padding: 24px 22px 30px; animation-delay: calc(.2s + var(--i) * .08s); }
.rcpt-one .rcpt-head b { font-size: 15px; letter-spacing: .16em; }
.rcpt-one .rcpt-meta { margin-top: 16px; }
.rcpt-desc { margin: 14px 0 0; font-size: 12.5px; line-height: 1.5; }
.rcpt-one .rcpt-sum .rcpt-total { margin-top: 0; border-top: 0; padding-top: 0; font-size: 15px; gap: 16px; align-items: baseline; }
.rcpt-one .rcpt-sum .rcpt-total span:last-child { font-size: 22px; white-space: nowrap; }
.rcpt-one .rcpt-foot { margin-top: 18px; letter-spacing: .14em; text-transform: uppercase; }
html.receipt-each:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body .results-page .impact-grid { display: none !important; }
@media (max-width: 960px) { .rcpt-each { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { .rcpt-each { grid-template-columns: 1fr; gap: 20px; } }
html.heads-serif2:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(.identity-name, .footer-name, .menu-name), html.heads-serif2:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(.identity-name, .footer-name, .menu-name) :not(.identity-role, .identity-role *, .menu-role, .menu-role *) { font-family: 'Geist Serif', Georgia, serif !important; font-weight: 400 !important; letter-spacing: .012em !important; }
html.heads-serif2:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body :is(.identity-role, .menu-role), html.heads-serif2:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body :is(.identity-role, .menu-role) * { font-family: 'Inter', 'Source Sans 3', sans-serif !important; }
html.heads-serif2:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(h1,h2,h3,.page-title,.career-title,.hero-title-line,.work-title-highlight,[data-fr=display]):not(.hs-big):not(.hs-big *), html.heads-serif2:not(#a):not(#b):not(#c):not(#d):not(#e) body .hl-byline, html.heads-serif2:not(#a):not(#b):not(#c):not(#d):not(#e) body .hl-byline * { font-family: 'Inter', 'Source Sans 3', sans-serif !important; letter-spacing: -.01em !important; }
@keyframes rcpt-print {
  0% { transform: translateY(-100%); clip-path: inset(100% -40px -60px -40px); animation-timing-function: cubic-bezier(.3,0,.2,1); }
  16%, 22% { transform: translateY(-84%); clip-path: inset(84% -40px -60px -40px); animation-timing-function: cubic-bezier(.3,0,.2,1); }
  38%, 44% { transform: translateY(-64%); clip-path: inset(64% -40px -60px -40px); animation-timing-function: cubic-bezier(.3,0,.2,1); }
  60%, 65% { transform: translateY(-40%); clip-path: inset(40% -40px -60px -40px); animation-timing-function: cubic-bezier(.3,0,.2,1); }
  82%, 86% { transform: translateY(-14%); clip-path: inset(14% -40px -60px -40px); animation-timing-function: cubic-bezier(.25,0,.15,1); }
  100% { transform: translateY(0); clip-path: inset(0 -40px -60px -40px); }
}
html:not(.rcptfeed-old) .rcpt > .rcpt-paper { animation: rcpt-print 3.4s .45s both !important; }
html:not(.rcptfeed-old) .rcpt-each { padding-top: 14px; }
html:not(.rcptfeed-old) .rcpt-one { position: relative; padding-top: 12px; }
html:not(.rcptfeed-old) .rcpt-one::before { content: ""; position: absolute; top: 0; left: -10px; right: -10px; height: 12px; border-radius: 6px; background: #2a2724; box-shadow: inset 0 -4px 5px rgb(0 0 0 / .55); z-index: 2; }
html:not(.rcptfeed-old) .rcpt-one .rcpt-paper { animation: rcpt-print 2.6s both !important; animation-delay: calc(.3s + var(--i) * .18s) !important; }
@media (prefers-reduced-motion: reduce) { html:not(.rcptfeed-old) :is(.rcpt > .rcpt-paper, .rcpt-one .rcpt-paper) { animation: none !important; clip-path: none !important; } }
@keyframes dev-arrive-right { from { translate: calc(22vw + 120px) 24px -120px; } to { translate: 0 0 0; } }
@keyframes dev-arrive-right-bank { from { rotate: 7deg; } to { rotate: 0deg; } }
@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  html:not(.devarrive-left):not(#a):not(#b):not(#c) body .hero .single-demo :is(.demo-phone, .demo-tablet):not(.is-in):not(.is-out):not(.is-away) { animation-name: dev-arrive-right, dev-arrive-right-bank !important; }
}
html:not(.esmfit-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) .hero .demo-stage figure.demo-esm2:not(.esm-ipad) .device-screen > img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 0 !important; }
.hero .demo-stage:has(> canvas.hero-mtn) { isolation: isolate; }
.hero .demo-stage > canvas.hero-mtn { position: absolute; left: -30%; top: -12%; width: 160%; height: 118%; pointer-events: none; opacity: .6; z-index: -1; }
html:is([data-tod=night], [data-variant=nocturne]) .hero .demo-stage > canvas.hero-mtn { opacity: .7; }
@keyframes rcpt-feed2 {
  0% { transform: translateY(-100%); clip-path: inset(100% -40px -60px -40px); }
  100% { transform: translateY(0); clip-path: inset(0 -40px -60px -40px); }
}
@keyframes rcpt-sway { 0% { rotate: 0deg; } 35% { rotate: -.7deg; } 70% { rotate: .35deg; } 100% { rotate: 0deg; } }
html:not(.rcptfeed-old):not(.rcptfeed-bursts) .rcpt > .rcpt-paper { transform-origin: 50% 0; animation: rcpt-feed2 1.9s cubic-bezier(.45,.05,.35,1) .4s both, rcpt-sway 1.1s ease-in-out 2.3s both !important; }
html:not(.rcptfeed-old):not(.rcptfeed-bursts) .rcpt-one .rcpt-paper { transform-origin: 50% 0; animation: rcpt-feed2 1.3s cubic-bezier(.45,.05,.35,1) both, rcpt-sway 1s ease-in-out both !important; animation-delay: calc(.25s + var(--i) * .14s), calc(1.55s + var(--i) * .14s) !important; }
html.heads-serif2:not(.rolew-600):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .hl-byline, html.heads-serif2:not(.rolew-600):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .hl-byline > :first-child { font-weight: 500 !important; }
html.heads-serif2:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body main.resume-page h2:not(.visually-hidden) { font-family: 'Geist Serif', Georgia, serif !important; font-weight: 400 !important; letter-spacing: .004em !important; }
html:is([data-variant=nocturne], [data-tod=night]):not(.devnight-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .hero .demo-stage .device-shell::before { background-color: inherit !important; background-image: none !important; }
html:not(.hbframe-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .demo-phone-back .device-screen { overflow: hidden !important; }
html:not(.hbframe-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero .demo-phone-back .device-screen > video { transform: scale(1.05, 1.032) !important; transform-origin: 50% 50% !important; }
html.heads-serif2:not(.typeclean-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(main h3:not(.visually-hidden), .work-title-highlight, .section-number, .contact-big, .results-page .impact-big, .ab-close-note, main h2:not(.visually-hidden)), html.heads-serif2:not(.typeclean-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(main h3, .work-title-highlight, .section-number, .contact-big, .results-page .impact-big, main h2) * { font-family: 'Geist Serif', Georgia, serif !important; font-weight: 400 !important; letter-spacing: .004em !important; }
html:not(.navsolid-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body > .nav { background: var(--bg) !important; }
html.is-night:not([data-variant=nocturne]):not(.navsolid-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body > .nav { background: rgb(12 12 12) !important; }
html:not(.lcpfix-old):not(#a):not(#b) body .single-demo .demo-tablet:not(.scr-2) .device-screen .scr-b { opacity: .002; }
@media (max-width: 900px), (hover: none) { html:not(.bakeshape-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body .hero .demo-stage figure.baked.demo-phone-back .device-shell { aspect-ratio: 570 / 1215 !important; height: auto !important; } }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list > .mini-project, html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list > .mini-project:is(:hover, :focus-within) { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; padding: 22px 0 !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list > .mini-project::before, html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list > .mini-project:is(:hover, :focus-visible)::before { background: var(--line) !important; transform: none !important; inset: auto 0 0 !important; height: 1px !important; display: block !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list { row-gap: 0 !important; border-top: 1px solid var(--line) !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list .mini-project .mini-tags { border-left: 0 !important; padding-left: 0 !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list .mini-project .mini-tags::after, html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list .mini-project .mini-tags > *::before, html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list .mini-project .mini-tags .tag-material { display: none !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list .mini-project .mini-tags > * { padding-left: 0 !important; margin-left: 0 !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list .mini-project .mini-meta span { font-weight: 400 !important; color: var(--muted) !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list .mini-project .tag-copy small { font-size: 12px !important; font-weight: 400 !important; color: var(--muted) !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list .mini-project .tag-copy > span { font-size: 14px !important; font-weight: 400 !important; color: var(--ink) !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list .mini-project .mini-open { box-shadow: none !important; border: 0 !important; background: transparent !important; color: var(--muted) !important; filter: none !important; animation: none !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list .mini-project:is(:hover, :focus-within) .mini-open { color: var(--ink) !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list .mini-project:is(:hover, :focus-within) .mini-open svg { translate: 2px -2px; rotate: none !important; }
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list .mini-project .mini-open svg, html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #more-grid.is-list .mini-project .mini-open svg * { stroke-width: 1.6 !important; }
html.dev-clay.bezel-slim:not(.phoneclay-old):not(.hbring-old):not(.x1):not(.x2):not(.x3):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) .hero .demo-stage figure.demo-phone-back:not(.demo-phone2) .device-screen::before { box-shadow: inset 0 0 0 1px rgb(17 17 17 / .18) !important; }
@media (min-width: 901px) { html.devcam.dev-slots.dev-swing:not(.devturn4-old):not(.devcam-key):not(.firstslot-old):not(#a):not(#b):not(#c) .single-demo .dev-slot:has(> figure:not(.is-in):not(.is-out):not(.is-away)) { scale: 1; } }
@media (max-width: 900px), (hover: none) { html:not(.monlevel-old) .single-demo .demo-display { --phone-x: 0deg !important; --phone-y: 0deg !important; --phone-z: 0deg !important; } }
html.subbr-old .results-page .impact-sub .sub-br { display: block; }
@keyframes dev-enter-right { from { translate: var(--arrive-x, 75vw) 0 0; } to { translate: 0 0 0; } }
@keyframes dev-enter-right-bank { from { rotate: 4deg; } to { rotate: 0deg; } }
@media (min-width: 901px) and (prefers-reduced-motion: no-preference) { html:not(.devarrive-left):not(.deventer-old):not(#a):not(#b):not(#c):not(#d) body .hero .single-demo :is(.demo-phone, .demo-tablet):not(.is-in):not(.is-out):not(.is-away) { animation-name: dev-enter-right, dev-enter-right-bank !important; animation-duration: .95s, .95s !important; animation-delay: .12s, .12s !important; animation-timing-function: cubic-bezier(.33, 1, .68, 1), cubic-bezier(.33, 1, .68, 1) !important; } }
html[data-tod=night]:not([data-variant=nocturne]):not(.navsolid-old):not(.navtod-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body > .nav { background: rgb(12 12 12) !important; }
html:is([data-tod=night], [data-variant=nocturne]):not(.cardarrow-old):not(.cardnight-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o) body :is(.results-page .impact-card:is(:hover, :focus-visible, [data-drawn]) .impact-src > span[aria-hidden], #more-grid.is-list .mini-project:is(:hover, :focus-within) .mini-open) { background: #f3f3f1 !important; box-shadow: inset 0 0 0 1px #f3f3f1 !important; color: #111 !important; }
html.hl-fly.hl-flying:not(.peakstill-old) body>.nav .identity img.identity-avatar { transform: translateX(var(--peak-away, -55%)); opacity: 0; transition: transform .26s cubic-bezier(.3,0,.2,1), opacity .2s ease-out; }
.hero .hero-copy .hero-proj { margin: -16px 0 0;  max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: 0; color: #757575; opacity: 1; transition: opacity .22s ease; }
.hero .hero-copy .hero-proj.is-swap { opacity: 0; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]) .hero .hero-copy .hero-proj { color: #a3a39e; }
@keyframes dev-enter-left { from { translate: var(--arrive-x, -110vw) 0 0; } to { translate: 0 0 0; } }
@keyframes dev-enter-left-bank { from { rotate: -4deg; } to { rotate: 0deg; } }
@media (min-width: 901px) and (prefers-reduced-motion: no-preference) { html.devsweep:not(#a):not(#b):not(#c):not(#d):not(#e) body .hero .single-demo :is(.demo-phone, .demo-tablet):not(.is-in):not(.is-out):not(.is-away) { animation-name: dev-enter-left, dev-enter-left-bank !important; animation-duration: 1.3s, 1.3s !important; animation-delay: .1s, .1s !important; animation-timing-function: cubic-bezier(.33, 1, .68, 1), cubic-bezier(.33, 1, .68, 1) !important; }
  html.devsweep:not(#a):not(#b):not(#c):not(#d):not(#e) body .hero :is(.hero-copy > .eyebrow, .hero-copy .hero-title-line, .hero-copy .hero-bottom > p, .hero-copy .hero-actions > a) { animation: none !important; }
  html.devsweep:not(.devswept):not(#a):not(#b):not(#c):not(#d):not(#e) body .hero :is(.hero-copy > .eyebrow, .hero-copy .hero-title-line, .hero-copy .hero-bottom > p, .hero-copy .hero-actions > a) { -webkit-mask-image: linear-gradient(90deg, #000 calc(var(--wx, -400px) - 160px), transparent var(--wx, -400px)) !important; mask-image: linear-gradient(90deg, #000 calc(var(--wx, -400px) - 160px), transparent var(--wx, -400px)) !important; -webkit-mask-size: 100% 100% !important; mask-size: 100% 100% !important; -webkit-mask-position: 0 0 !important; mask-position: 0 0 !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; filter: blur(var(--wb)); transition: none !important; }
  html.devsweep:not(.devswept):not(#a):not(#b):not(#c):not(#d):not(#e) body .hero .hero-copy > .sweep-band { position: absolute; top: -32px; bottom: -32px; left: 0; width: 200px; translate: -9999px 0; pointer-events: none; -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); -webkit-mask-image: linear-gradient(90deg, transparent, #000 85%); mask-image: linear-gradient(90deg, transparent, #000 85%); }
  html.devswept:not(#a):not(#b):not(#c):not(#d):not(#e) body .hero :is(.hero-copy > .eyebrow, .hero-copy .hero-title-line, .hero-copy .hero-bottom > p, .hero-copy .hero-actions > a) { -webkit-mask-image: none !important; mask-image: none !important; }
}
@media (hover: hover) and (pointer: fine) {
  html:not(.ctltips-off) body .hero .hero-now.hn-ctl .hn-btns > button { position: relative; }
  html:not(.ctltips-off) body .hero .hero-now.hn-ctl .hn-btns > button::after { content: attr(aria-label); position: absolute; z-index: 5; left: 50%; bottom: calc(100% + 10px); translate: -50% 4px; padding: 7px 10px; border-radius: 6px; background: #111; color: #f5f5f3; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: .01em; white-space: nowrap; box-shadow: 0 6px 16px -6px rgb(0 0 0 / .35); pointer-events: none; opacity: 0; transition: opacity .15s ease, translate .2s cubic-bezier(.2, .7, .2, 1); }
  html:not(.ctltips-off) body .hero .hero-now.hn-ctl .hn-btns > button:is(:hover, :focus-visible)::after { opacity: 1; translate: -50% 0; transition-delay: .12s; }
  html:not(.ctltips-off) body .hero > .hero-now.hn-ctl.hn-pos-g .hn-btns > button::after { left: auto; bottom: auto; right: calc(100% + 14px); top: 50%; translate: 4px -50%; }
  html:not(.ctltips-off) body .hero > .hero-now.hn-ctl.hn-pos-g .hn-btns > button:is(:hover, :focus-visible)::after { translate: 0 -50%; }
  html:not(.ctltips-off) body .hero .hero-now.hn-ctl .hn-btns > #demo-motion::after { content: 'Pause'; }
  html:not(.ctltips-off) body .hero .hero-now.hn-ctl .hn-btns > #demo-motion[aria-label^='Play']::after { content: 'Play'; }
  :is(html[data-tod=night], html.is-night, html[data-variant=nocturne]):not(.ctltips-off) body .hero .hero-now.hn-ctl .hn-btns > button::after { background: #f2f2f0; color: #111; box-shadow: 0 6px 16px -6px rgb(0 0 0 / .6); }
}
@media (min-width:701px) {
  .curio-story.has-tabs .curio-tabs { position: fixed; z-index: 40; top: calc(var(--nav-h, 72px) + 18px); opacity: 0; visibility: hidden; transition: opacity .3s, visibility 0s .3s; left: var(--tabs-x, 76px); right: var(--tabs-x, 76px); display: flex; flex-wrap: wrap; gap: 6px 30px; font: 500 .9rem/1.3 var(--font-site); }
  .curio-story.has-tabs .curio-tabs.is-on { opacity: 1; visibility: visible; transition: opacity .3s; }
  .curio-story.has-tabs .curio-tabs a { display: inline-flex; gap: 8px; align-items: baseline; padding: 6px 0; border-bottom: 1px solid transparent; color: rgb(243 243 241 / .58); text-decoration: none; transition: color .2s, border-color .2s; }
  .curio-story.has-tabs .curio-tabs a b { font-weight: 500; font-size: .75rem; font-variant-numeric: tabular-nums; color: rgb(243 243 241 / .4); }
  .curio-story.has-tabs .curio-tabs a:hover { color: #f3f3f1; }
  .curio-story.has-tabs .curio-tabs a.is-active { color: #f3f3f1; border-bottom-color: #f3f3f1; }
  .curio-story.has-tabs .curio-tabs a.is-active b { color: rgb(243 243 241 / .7); }
  html:not(#x) .curio-story.has-tabs .curio-rail { opacity: 0 !important; pointer-events: none !important; }
}
html.inspo-page:not(#x) body .curio-story .curio-cue { border-radius: 8px !important; }
html.heads-serif2:not(.closeserif-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .ab-close .ab-close-note { font-family: 'Geist Serif', Georgia, serif !important; font-weight: 400 !important; letter-spacing: 0 !important; }
html:not(.monlevel-old):not(.monlevel-phone) .single-demo .demo-display { --phone-x: 0deg !important; --phone-y: 0deg !important; --phone-z: 0deg !important; }
html.inspo-nocue:not(#x):not(#y):not(#z) body .curio-story .curio-beat.curio-intro .curio-cue { display: none !important; }
html[data-tod=night]:not([data-variant=nocturne]):not(.is-night):not(.navsolid-old):not(.navtod-old):not(.navink-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body > .nav { color: #f3f3f1 !important; }
html[data-tod=night]:not([data-variant=nocturne]):not(.is-night):not(.navsolid-old):not(.navtod-old):not(.navink-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body > .nav .identity { color: #f3f3f1 !important; }
html[data-tod=night]:not([data-variant=nocturne]):not(.is-night):not(.navsolid-old):not(.navtod-old):not(.navink-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body > .nav .identity b.identity-name, html[data-tod=night]:not([data-variant=nocturne]):not(.is-night):not(.navsolid-old):not(.navtod-old):not(.navink-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body > .nav .identity b.identity-name > span:not(.identity-role) { color: #efefee !important; }
html[data-tod=night]:not([data-variant=nocturne]):not(.is-night):not(.navsolid-old):not(.navtod-old):not(.navink-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body > .nav .identity .identity-role { color: #f3f3f1 !important; }
html[data-tod=night]:not([data-variant=nocturne]):not(.is-night):not(.navsolid-old):not(.navtod-old):not(.navink-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body > .nav .nav-burger { color: #fff !important; border-color: rgb(255 255 255 / .28) !important; }
html[data-tod=night]:not([data-variant=nocturne]):not(.is-night):not(.navsolid-old):not(.navtod-old):not(.navink-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body > .nav .nav-burger > span { background: #fff !important; }
:is(html.home-in, html.page-in, html.work-in, html.vt-out, html.vt-fly, html.menu-in):not(.navcap-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body > .nav { box-shadow: none !important; clip-path: none !important; }
html:not(.typeclean-old):not(.navcap-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body > .nav nav > a:not(.nav-resume) { font-weight: 400 !important; }
html:not(.navcap-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body > .nav nav:not(:has(.theme-toggle))::after { content: none !important; } html:not(.navcap-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body > .nav nav:not(:has(.theme-toggle)) > .nav-resume { margin-left: 48px !important; }
html:not(.cardblur-old)::view-transition-old(cards-out) { -webkit-backdrop-filter: blur(14px) saturate(1.5); backdrop-filter: blur(14px) saturate(1.5); }
html.heads-serif2:not(.kern-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body :is(h1, h2, h3, .hs-big, .stratum-years) { font-kerning: normal; font-feature-settings: "kern", "liga", "calt"; text-rendering: optimizeLegibility; }
html.heads-serif2:not(.typeclean-old):not(.kern-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body :is(main h3:not(.visually-hidden), .work-title-highlight, .section-number, .contact-big, .results-page .impact-big, .ab-close-note, main h2:not(.visually-hidden), h1, h2, h3), html.heads-serif2:not(.typeclean-old):not(.kern-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body :is(main h3, .work-title-highlight, .section-number, .contact-big, .results-page .impact-big, main h2) * { letter-spacing: -.006em !important; }
html.heads-serif2:not(.kern-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .hs-big, html.heads-serif2:not(.kern-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body .hs-big :not(.hl-byline):not(.hl-byline *) { letter-spacing: var(--hs-ls, -.012em) !important; }
html:not(.contacttip-on) main.contact-page .contact-tip { display: none; }
html.contact-hold main.contact-page :is(.contact-intro > *, .contact-primary) { opacity: 0; }
@keyframes contact-rise { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
html.contact-in main.contact-page :is(.contact-intro > *, .contact-primary) { animation: contact-rise .8s cubic-bezier(.16, 1, .3, 1) both; }
html.contact-in main.contact-page .contact-intro > :nth-child(2) { animation-delay: .07s; } html.contact-in main.contact-page .contact-intro > :nth-child(3) { animation-delay: .16s; } html.contact-in main.contact-page .contact-primary { animation-delay: .28s; }
html.devsweep.sweepcur:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .hero :is(.hero-copy > .eyebrow, .hero-copy .hero-title-line, .hero-copy .hero-bottom > p, .hero-copy .hero-actions > a) { -webkit-mask-image: none !important; mask-image: none !important; }
html.devsweep.sweepcur:not(.devswept) body .hero .hero-copy > .sweep-curtain { position: absolute; inset: -40px 0 -40px 0; overflow: hidden; pointer-events: none; z-index: 2; }
html.devsweep.sweepcur:not(.devswept) body .hero .hero-copy > .sweep-curtain > i { position: absolute; top: 0; bottom: 0; left: 0; width: calc(100% + 400px); translate: -160px 0; will-change: translate; }
html.devsweep:not(.devswept) body .hero .hero-copy > .sweep-band { z-index: 1; }
html:not(.ctltips-off):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .hero .hero-now.hn-ctl .hn-btns > button { position: relative !important; } html:not(.ctltips-off):not(.tipslide-old) body .hero .hero-now.hn-ctl .hn-btns > button::after { transition: opacity .15s ease !important; } html:not(.ctltips-off):not(.tipslide-old) body .hero > .hero-now.hn-ctl.hn-pos-g .hn-btns > button::after { translate: 0 -50% !important; } html:not(.ctltips-off):not(.tipslide-old) body .hero .hero-now.hn-ctl:not(.hn-pos-g) .hn-btns > button::after { translate: -50% 0 !important; }
@media (hover: hover) and (pointer: fine) {
  html:not(.ctltips-off):not(.ctltips-old):not(#q) body .hero .hero-now.hn-ctl .hn-btns > button::after { padding: 4px 7px; border-radius: 4px; background: rgb(250 250 248 / .94); color: #6b6b68; font-size: 11px; font-weight: 400; letter-spacing: 0; box-shadow: inset 0 0 0 1px #e2e2de; transition-duration: .12s !important; }
  html:not(.ctltips-off):not(.ctltips-old):not(#q) body .hero > .hero-now.hn-ctl.hn-pos-g .hn-btns > button::after { right: calc(100% + 10px); }
  :is(html[data-tod=night], html.is-night, html[data-variant=nocturne]):not(.ctltips-off):not(.ctltips-old):not(#q) body .hero .hero-now.hn-ctl .hn-btns > button::after { background: rgb(28 28 30 / .92); color: #a3a3a0; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); }
}
html:not(.ctltips-off) body .hero .hero-now.hn-ctl .hn-btns > button::after { transform: translateX(var(--tip-dx, 0px)); }
html:not(.ctltips-off):not(.ctltips-old):not(.ctltips-chip):not(#q):not(#r) body .hero .hero-now.hn-ctl .hn-btns > button::after { padding: 0; background: none; box-shadow: none; }
html:not(.projgap-old) .hero .hero-copy .hero-proj { margin-top: -2px !important; }
html.dev-slots:not(.monstack-old) .single-demo .demo-stage:has(.dev-slot > .demo-display.is-in:not(.is-out)) .dev-slot:has(> .demo-display.is-out) { z-index: 3 !important; }
@keyframes home-to-peak { 50% { opacity: .5; } to { opacity: 0; transform: translate(-34vw, -34vh) scale(.28); } }
html.home-in:not(.home-v1):not(.peakslide-old):not(#a):not(#b)::view-transition-old(summit) { animation: home-to-peak .62s cubic-bezier(.5, 0, .2, 1) both; transform-origin: 70% 30%; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent), linear-gradient(transparent, #000 8%, #000 86%, transparent); -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent), linear-gradient(transparent, #000 8%, #000 86%, transparent); mask-composite: intersect; }
@keyframes head-peak-pop { from { opacity: 0; translate: 0 7px; scale: .7; } 70% { opacity: 1; } to { opacity: 1; translate: 0 0; scale: 1; } }
html.home-in:not(.home-v1):not(.peakslide-old):not(#a):not(#b) body > .nav .identity :is(img.identity-avatar, canvas.identity-peak3d) { animation: head-peak-pop .42s cubic-bezier(.3, 1.35, .5, 1) .2s both; transform-origin: 50% 100%; }
@keyframes home-into-peak { 0%, 62% { opacity: 1; } to { opacity: 0; transform: translate(-69vw, -21vh) scale(.08); } }
html.home-in:not(.home-v1):not(.peakslide-old):not(.r2w-v1):not(#a):not(#b):not(#c)::view-transition-old(summit) { animation: home-into-peak .74s cubic-bezier(.55, 0, .2, 1) both; transform-origin: 76% 25%; }
html.home-in:not(.home-v1):not(.peakslide-old):not(.r2w-v1):not(#a):not(#b):not(#c) body > .nav .identity :is(img.identity-avatar, canvas.identity-peak3d) { animation: head-peak-pop .26s cubic-bezier(.3, 1.4, .5, 1) .42s both; }
@keyframes inspo-wipe { from { mask-image: linear-gradient(90deg,#000 29%,rgb(0 0 0 / .94) 38%,rgb(0 0 0 / .5) 50%,rgb(0 0 0 / .06) 62%,transparent 71%); mask-size: 350% 100%; mask-repeat: no-repeat; mask-position: 100% 0; } to { mask-image: linear-gradient(90deg,#000 29%,rgb(0 0 0 / .94) 38%,rgb(0 0 0 / .5) 50%,rgb(0 0 0 / .06) 62%,transparent 71%); mask-size: 350% 100%; mask-repeat: no-repeat; mask-position: 0 0; } }
html.inspo-page:not(.inspo-wipe-old) .curio-story.curio-intro-split .curio-beat.curio-intro :is(#interests-title, .inspo-explore) { animation: inspo-wipe 1300ms cubic-bezier(.2,.65,.22,1) 150ms backwards, hero-slide 1300ms cubic-bezier(.2,.65,.22,1) 150ms backwards; }
html.inspo-page:not(.inspo-wipe-old) .curio-story.curio-intro-split .curio-beat.curio-intro .inspo-explore { animation-delay: 390ms; }
html.inspo-page:not(.inspo-wipe-old):not(.inspo-wipeclip-old) .curio-story.curio-intro-split .curio-beat.curio-intro h2#interests-title { padding: 0 .12em .28em; margin: 0 -.12em -.28em; }
@keyframes home-lift-out { to { opacity: 0; transform: translateY(-7vh); } }
@keyframes head-peak-rise { from { opacity: 0; translate: 0 10px; } to { opacity: 1; translate: 0 0; } }
html.home-in:not(.home-v1):not(.peakslide-old):not(.r2w-v1):not(.r2w-v2):not(#a):not(#b):not(#c):not(#d)::view-transition-old(summit) { animation: home-lift-out .3s cubic-bezier(.4, 0, .6, 1) both; }
html.home-in:not(.home-v1):not(.peakslide-old):not(.r2w-v1):not(.r2w-v2):not(#a):not(#b):not(#c):not(#d) body > .nav .identity :is(img.identity-avatar, canvas.identity-peak3d) { animation: head-peak-rise .36s cubic-bezier(.2, .8, .2, 1) .3s both; }
html.proj-ital .hero .hero-copy .hero-proj { font-style: italic; }
html.vt-out:not(.cardblur-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body .results-page .impact-card.impact-card.impact-card.impact-card { background-color: rgb(248 248 246 / .93) !important; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]).vt-out:not(.cardblur-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body .results-page .impact-card.impact-card.impact-card.impact-card { background-color: rgb(28 28 28 / .93) !important; }
html.on-work:not(.peakswap-old):not(.peaksize-old):not(.peaksize-70):not(.avatar-photo):not([data-mark]):not(.peak-top) body>.nav .identity img.identity-avatar { content: url(assets/header-peak-still-live.webp?v=1); scale: none; }
@media (max-width: 700px) { html.on-work:not(.peakswap-old):not(.peaksize-old):not(.peaksize-70):not(.peakphone-old):not(.avatar-photo):not([data-mark]):not(.peak-top) body>.nav .identity img.identity-avatar { content: url(assets/header-peak-still-live-phone.webp?v=1); } }
html.navline-hold:not(#aa):not(#bb):not(#cc):not(#dd):not(#ee):not(#ff):not(#gg):not(#hh):not(#ii):not(#jj):not(#kk):not(#ll):not(#mm):not(#nn):not(#oo):not(#pp):not(#qq) body > .nav::before { transition: none !important; border-bottom-color: transparent !important; }
@media (hover: none), (pointer: coarse) { html:not(.sortsize-old) .more-sort select { font-size: 16px; height: 44px; } }
html.home-in:not(.tone-flip):not(.navhold-old):not(#a):not(#b)::view-transition-new(site-nav) { animation: none; mix-blend-mode: normal; } html.home-in:not(.tone-flip):not(.navhold-old):not(#a):not(#b)::view-transition-old(site-nav) { z-index: 1; mix-blend-mode: normal; }
@media (prefers-reduced-motion: no-preference) {
  html:not(.introorder-old):is(.fonts-wait, .hero-fitting, .hl-name:not(.hl-in)):not(#o1):not(#o2):not(#o3):not(#o4):not(#o5):not(#o6):not(#o7):not(#o8) body :is(.hero, .hero *) { animation-play-state: paused !important; }
  html.fonts-wait:not(.introorder-old):not(.nav-scrolled):not(#o1):not(#o2):not(#o3):not(#o4):not(#o5):not(#o6):not(#o7):not(#o8) body :is(.nav .identity *, .nav > nav) { animation-play-state: paused !important; }
  html:not(.introorder-old):not(.devsweep):not(#o1):not(#o2):not(#o3):not(#o4):not(#o5):not(#o6) body .hero-copy :is(.hero-title-line, .hero-bottom > p, .hero-actions > a) { mask-image: none !important; -webkit-mask-image: none !important; animation: order-rise 700ms cubic-bezier(.16, 1, .3, 1) var(--order-at, 0ms) backwards !important; }
  html:not(.introorder-old) body .hero-copy .hero-title-line { --order-at: 120ms; }
  html:not(.introorder-old) body .hero-copy .hero-bottom > p { --order-at: 200ms; }
  html:not(.introorder-old) body .hero-copy .hero-actions > a { --order-at: 280ms; }
  html:not(.introorder-old) body .hero-copy .hero-actions > a + a { --order-at: 320ms; }
  html:not(.introorder-old) body .hero-copy .hero-bottom > p:is(.hero-view, .hero-proj) { --order-at: 360ms; }
  html:not(.introorder-old):not(#o1):not(#o2):not(#o3):not(#o4):not(#o5):not(#o6) body .hero .hero-now .hn-btns { animation: order-fade 400ms cubic-bezier(.16, 1, .3, 1) 1000ms backwards !important; }
  html.head-intro.on-work:not(.introorder-old):not(#o1):not(#o2):not(#o3):not(#o4):not(#o5):not(#o6) body > .nav .identity :is(img.identity-avatar, canvas.identity-peak3d) { animation-delay: 0ms !important; }
  html.head-intro.on-work:not(.introorder-old):not(#o1):not(#o2):not(#o3):not(#o4):not(#o5):not(#o6) body > .nav .identity .identity-name { animation-delay: 80ms !important; }
  html:not(.introorder-old):not(#o1):not(#o2):not(#o3):not(#o4):not(#o5):not(#o6) body .hero .single-demo :is(.demo-phone, .demo-tablet):not(.is-in):not(.is-out):not(.is-away) { animation-delay: 360ms, 360ms !important; }
  html.devsweep:not(.introorder-old):not(#o1):not(#o2):not(#o3):not(#o4):not(#o5):not(#o6) body .hero .single-demo :is(.demo-phone, .demo-tablet):not(.is-in):not(.is-out):not(.is-away) { animation-delay: 120ms, 120ms !important; }
  html.devsweep:not(.introorder-old):not(#o1):not(#o2):not(#o3):not(#o4):not(#o5):not(#o6) body .hero .hero-now .hn-btns { animation-delay: 1350ms !important; }
}
@media (max-width: 900px) and (prefers-reduced-motion: no-preference) {
  html:not(.introorder-old):not(#o1):not(#o2):not(#o3):not(#o4):not(#o5):not(#o6) body .hero .single-demo :is(.demo-phone, .demo-tablet):not(.is-in):not(.is-out):not(.is-away) { animation-duration: 900ms, 900ms !important; animation-delay: 0ms, 0ms !important; }
  html:not(.introorder-old) body .hero-copy .hero-title-line { --order-at: 220ms; }
  html:not(.introorder-old) body .hero-copy .hero-bottom > p { --order-at: 300ms; }
  html:not(.introorder-old) body .hero-copy .hero-actions > a { --order-at: 380ms; }
  html:not(.introorder-old) body .hero-copy .hero-actions > a + a { --order-at: 420ms; }
  html:not(.introorder-old) body .hero-copy .hero-bottom > p:is(.hero-view, .hero-proj) { --order-at: 460ms; }
}
@keyframes order-rise { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: none; } }
@keyframes order-fade { from { opacity: 0; } }
@media (prefers-reduced-motion: no-preference) {
  html:not(.introorder-old):not(#e1):not(#e2):not(#e3) body .hero-words>:is(.eyebrow, p, .strata-cue), html:not(.introorder-old):not(#e1):not(#e2):not(#e3) body .hero-words .career-title .hw>span { animation-duration: 900ms !important; }
  html:not(.introorder-old):not(#e1):not(#e2):not(#e3) body .hero-words>.eyebrow { animation-delay: 80ms !important; }
  html:not(.introorder-old):not(#e1):not(#e2):not(#e3) body .hero-words .career-title .hw>span { animation-delay: 150ms !important; }
  html:not(.introorder-old):not(#e1):not(#e2):not(#e3) body .hero-words .career-title .hw+.hw>span { animation-delay: 220ms !important; }
  html:not(.introorder-old):not(#e1):not(#e2):not(#e3) body .hero-words>p:not(.eyebrow) { animation-delay: 290ms !important; }
  html:not(.introorder-old):not(#e1):not(#e2):not(#e3) body .hero-words>.strata-cue { animation-delay: 360ms !important; }
  html:not(.introorder-old) .is-animated .stratum-line { filter: none; }
  html:not(.introorder-old) .is-animated.is-settle .stratum-line { transition-duration: .6s, .6s, .6s; transition-delay: .15s; }
  html:not(.introorder-old) .is-animated .stratum-stones li { filter: none; }
  html:not(.introorder-old) .is-animated.is-settle .stratum-stones li { transition: opacity .4s ease-out, scale .6s cubic-bezier(.16, 1, .3, 1), translate .6s cubic-bezier(.16, 1, .3, 1); transition-delay: calc(.25s + var(--n) * 50ms); }
  html:not(.introorder-old) .is-animated .stratum-stones img { transition-duration: .8s; }
  html:not(.introorder-old) .is-animated .is-in .stratum-stones img { transition-delay: 0s, calc(.25s + var(--n) * 50ms); }
  html:not(.introorder-old) .is-animated.is-settle .stratum-caption { transition-duration: .5s; transition-delay: .45s; }
}
@media (prefers-reduced-motion: no-preference) {
  html.hero-info:not(.flown):not(.introorder-old):not(#a1):not(#a2) body .ab-hero-copy > :is(.about-kicker, .about-lead, .about-actions), html.hero-info:not(.flown):not(.introorder-old):not(#a1):not(#a2) body .ab-hero .ab-line > * { animation-duration: 900ms, 900ms !important; }
}
html:not(.eyebrow-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #featured .feature .feature-content > h3 { order: -1; margin-top: 0 !important; margin-bottom: 0 !important; }
html:not(.eyebrow-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #featured .feature .feature-content > .feature-meta { margin: 8px 0 14px !important; }
html:not(.eyebrow-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body #featured .feature .feature-content > h3 + p { margin-top: 0 !important; }
html:not(.eyebrow-old) body #more-grid:not(.is-list) .mini-body > h3 { order: -1; margin-bottom: 8px; }
html:not(.eyebrow-old) body #more-grid:not(.is-list) .mini-body > .mini-meta { margin: 0 0 14px; }
@media (min-width: 561px) {
  html:not(.eyebrow-old):not(.cardrows-old):not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-body > h3 { grid-row: 2; margin: 18px 4px 0 !important; }
  html:not(.eyebrow-old):not(.cardrows-old):not(.minicard-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #more-grid:not(.is-list) > .mini-project .mini-meta { grid-row: 3; margin: 8px 4px 0 !important; }
}
html:not(.selflag-old) body .mini-photo .mini-flag { display: none !important; }
html:not(.selflag-old) body .mini-project:has(.mini-flag) .mini-card-footer { position: relative; }
html:not(.selflag-old) body .mini-project:has(.mini-flag) .mini-card-footer::after { content: "Selected"; position: absolute; left: 0; bottom: 0; display: flex; align-items: center; height: 31px; color: var(--accent); font-size: 13px; font-weight: 600; pointer-events: none; }
html:not(.curiolead-old) body .curio-copy > .curio-lead { display: none !important; }
html:not(.hudglow-old) body .btc-hud, html:not(.hudglow-old) body .btc-hud * { text-shadow: none !important; }
@media (pointer: coarse) {
  html:not(.tap44-old) :is(.work-filters button, .more-view-toggle button, .footer-name, .footer-bottom a, .contact-big, .resume-contact a, .resume-print, .case-hero a, .resume-history article > a, .cx-item) { position: relative; }
  html:not(.tap44-old) :is(.hn-btns .dev-arrow, .more-view-toggle button, .work-filters button, #focus-title [data-industry], .contact-copy, .contact-big, .resume-contact a, .resume-print, .resume-chapters a, .resume-history article > a, .case-hero a, .footer-name, .footer-bottom a, .cx-item)::before,
  html:not(.tap44-old) #demo-motion::after { content: ''; position: absolute; inset: var(--tap44, -8px); translate: none; transform: none; }
  html:not(.tap44-old) :is(.hn-btns .dev-arrow, #demo-motion) { --tap44: -8px -1px; }
  html:not(.tap44-old):not(#t) body .hero .hn-btns > #demo-motion::after { translate: none !important; opacity: 0 !important; pointer-events: auto !important; }
  html:not(.tap44-old) .more-view-toggle button { --tap44: -7px -1px -9px; }
  html:not(.tap44-old) .work-filters button { --tap44: -3px; }
  html:not(.tap44-old) #focus-title [data-industry] { --tap44: -3px -12px; }
  html:not(.tap44-old) .contact-copy { --tap44: -4px; }
  html:not(.tap44-old) .contact-big { --tap44: -11px -4px; }
  html:not(.tap44-old) .resume-contact a { --tap44: -19px -6px -6px; }
  html:not(.tap44-old) .resume-print { --tap44: -6px -6px -19px; }
  html:not(.tap44-old) .resume-chapters a { --tap44: -2px 0; }
  html:not(.tap44-old) :is(.resume-history article > a, .case-hero a) { --tap44: -12px -4px; }
  html:not(.tap44-old) .footer-name { --tap44: -16px -8px -8px; }
  html:not(.tap44-old) .footer-bottom a { --tap44: -1px -4px; }
  html:not(.tap44-old) .cx-item { --tap44: -3px 0; }
}
:where(html:not(.tapfeel-old)) :where(a, button, [role=button], summary, select, label) { touch-action: manipulation; }
:where(html:not(.tapfeel-old)) :where(button, [role=button], summary, .about-btn, .hero-work-button, .hero-all-work, .experience-cta-link, .contact-btn, .nav-resume, .narrative-all, .cf-open, .nav-burger, .menu-close) { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
html.page-in.tone-flip:not(.is-night):not(.darklift-old):not(:has(main.inspo-page)):not(#x):not(#y)::view-transition { background: var(--bg); } html.page-in.tone-flip:not(.is-night):not(.darklift-old):not(:has(main.inspo-page)):not(#x):not(#y)::view-transition-old(root), html.page-in.tone-flip:not(.is-night):not(.darklift-old):not(:has(main.inspo-page)):not(#x):not(#y)::view-transition-old(page), html.page-in.tone-flip:not(.is-night):not(.darklift-old):not(:has(main.inspo-page)):not(#x):not(#y)::view-transition-old(site-nav) { animation: vt-gone .26s cubic-bezier(.4,0,1,1) both !important; mix-blend-mode: normal !important; } html.page-in.tone-flip:not(.is-night):not(.darklift-old):not(:has(main.inspo-page)):not(#x):not(#y)::view-transition-new(root), html.page-in.tone-flip:not(.is-night):not(.darklift-old):not(:has(main.inspo-page)):not(#x):not(#y)::view-transition-new(page), html.page-in.tone-flip:not(.is-night):not(.darklift-old):not(:has(main.inspo-page)):not(#x):not(#y)::view-transition-new(site-nav) { animation: vt-got .36s cubic-bezier(0,0,.2,1) .16s both !important; mix-blend-mode: normal !important; }
#more-grid>.mini-project[hidden] {
  display: none !important;
}
@media (pointer: coarse) and (hover: none) {
.curio-kinetic :is(.curio-ch,.curio-w) { filter: none; }
}
@media (max-width:700px) {
.curio-kinetic {
    transform: perspective(900px) translate3d(0,calc(var(--hold,0) * 1px - var(--out,0) * 30px),calc(var(--out,0) * -120px)) rotateY(calc((1 - var(--ein)) * var(--side,1) * 18deg)) rotateX(calc(var(--out,0) * 14deg));
  }
}
.curio-story[data-look] { --about-glow: var(--lk-mid); }
.curio-story[data-look] .curio-rail i::after { background: linear-gradient(90deg,var(--lk-lo),var(--lk-mid)); }
.curio-story[data-look] .curio-rail a.is-active i { box-shadow: 0 0 14px rgb(var(--lk-glow) / .6); }
.curio-story[data-look] .btc-hud { color: var(--lk-hi); text-shadow: 0 0 6px rgb(var(--lk-glow) / .75), 0 0 18px rgb(var(--lk-glow) / .35); }
.contact-details h2 {
  font-size: 1.35rem;
  line-height: 1.2;
  letter-spacing: -.02em;
  margin: 20px 0 8px;
}
.contact-details>p:not(.eyebrow) {
  font-size: .95rem;
  line-height: 1.6;
  color: var(--muted);
  max-width: 38ch;
}
#contact-methods {
  margin-top: 36px;
  border-top: 1px solid var(--line);
}
#contact-methods>a {
  display: grid;
  grid-template-columns: 5.5rem 1fr;
  align-items: baseline;
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--ink);
  overflow-wrap: anywhere;
  transition: color .2s;
}
#contact-methods>a>span:first-child {
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}
#contact-methods>a>span[aria-hidden] {
  display: inline-block;
  margin-left: 6px;
  color: var(--muted);
  transition: transform .2s, color .2s;
}
#case-content .case-summary.no-profile { grid-template-columns: minmax(0,1fr) !important; }
html[data-variant=nocturne] .logo-wall .logo-plane .focus-logo img:not(.logo-shade) { filter: brightness(0) invert(.94) !important; }
html[data-variant=nocturne] .logo-wall .logo-plane .focus-logo:is(.is-hover, .is-match) img:not(.logo-shade) { filter: brightness(0) invert(1) !important; }
html[data-variant=nocturne] .industry-focus .focus-logo-grid.logo-wall .logo-plane .focus-logo { background: rgb(34 34 34 / min(1, calc(var(--near, 0) * .4 + var(--solid, 0) * .95))) !important; border-color: rgb(255 255 255 / .05) !important; }
html[data-variant=nocturne] .logo-wall .cell-block .f-l { background: linear-gradient(to right, #191919, #222222); }
html[data-variant=nocturne] .logo-wall .cell-block .f-r { background: linear-gradient(to left, #121212, #1b1b1b); }
html[data-variant=nocturne] .logo-wall .cell-block .f-t { background: linear-gradient(to bottom, #282828, #303030); }
html[data-variant=nocturne] .logo-wall .cell-block .f-b { background: linear-gradient(to top, #0f0f0f, #181818); }
html[data-variant=nocturne] :is(.mini-photo, .flow-stage .cf-card) .mini-flag { background: rgb(13 13 13 / .7); box-shadow: 0 0 0 1px rgb(255 255 255 / .14), 0 4px 12px -6px rgb(0 0 0 / .5); color: #eeeeee; }
html[data-variant=nocturne] .interface-screen-stage { background: linear-gradient(145deg, #1e1e1e, #171717) !important; border-color: rgb(255 255 255 / .08) !important; }
html[data-variant=nocturne] :is(#small-detail,#case-content) .interface-study-pair .interface-screen-stage { background: #1d3a2a !important; }
html[data-tod=dawn] .experience-page:has(.mountain-stage) .stratum-1, html[data-tod=dawn] .is-settle .strata-ground .strata-ground-layer.stratum-1 { --layer: #f7ece8; }
html[data-tod=dawn] .stratum-2 { --layer-line: #cfaaa7; --layer-muted: #454545; --layer-carve: rgb(110 50 60 / .26); --layer-accent: #a52a55; }
html[data-tod=dawn] .experience-page:has(.mountain-stage) .stratum-2, html[data-tod=dawn] .is-settle .strata-ground .strata-ground-layer.stratum-2 { --layer: #efd8d4; }
html[data-tod=dawn] .stratum-3 { --layer-line: #c29a9f; --layer-muted: #3a3a3a; --layer-carve: rgb(90 36 50 / .26); --layer-accent: #94244c; }
html[data-tod=dawn] .experience-page:has(.mountain-stage) .stratum-3, html[data-tod=dawn] .is-settle .strata-ground .strata-ground-layer.stratum-3 { --layer: #e5c3c5; }
.contact-status { display: inline-flex; align-items: center; gap: 10px; margin: 32px 0 0; padding: 7px 14px 7px 12px; border-radius: 999px;
  font-size: .84rem; font-weight: 600; color: var(--ink); background: color-mix(in srgb, var(--accent) 7%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent); }
.contact-status i { width: 8px; height: 8px; border-radius: 50%; background: #2fa66a; }
.contact-open { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.contact-open li { padding: 6px 12px; border-radius: 999px; font-size: .82rem; font-weight: 600; color: var(--muted); box-shadow: inset 0 0 0 1px var(--line); }
.contact-btn.is-done { color: #2a8a5a; box-shadow: inset 0 0 0 1px #2a8a5a; }
.contact-v2 #contact-methods { margin-top: 28px; }
.contact-v2 #contact-methods>a { grid-template-columns: 5.5rem 1fr auto; align-items: center; padding: 18px 4px; font-size: 1rem; text-decoration: none; }
.contact-v2 #contact-methods>a>b { font-weight: 600; }
@media (max-width:760px) {
.contact-v2 #contact-methods>a { grid-template-columns: 4.5rem 1fr auto; }
}
.case-image > .photo-reel { position: absolute; top: 0; left: 0; width: 100%; height: auto; aspect-ratio: var(--case-ratio, auto); }
html[data-variant=nocturne] #case-content .narrative-toggle { color: var(--muted) !important; }
html[data-variant=nocturne] #case-content .narrative-toggle i { border-color: var(--line) !important; }
html[data-variant=nocturne] .radar-labels text.is-active { fill: var(--ink) !important; }
html[data-variant=nocturne] .radar-labels text { fill: var(--muted) !important; }
html[data-variant=nocturne] .radar-area { stroke: var(--accent) !important; fill-opacity: .9; }
html[data-variant=nocturne] .radar-point { fill: var(--accent) !important; stroke: var(--accent) !important; }
html[data-variant=nocturne] #work::before { display: none; }
html[data-variant=nocturne] .demo-stage:before { background: radial-gradient(ellipse at 38% 42%, rgb(240 139 189 / .16), transparent 63%), radial-gradient(ellipse at 77% 70%, rgb(173 173 173 / .13), transparent 56%); }
html[data-variant=nocturne] .single-demo .hero-blueprint.blueprint-plan { stroke: #999999; color: #999999; opacity: .42; }
html[data-variant=nocturne] .blueprint-plan .plan-trace { stroke: var(--accent, #ff5a4e); opacity: .7; }
.contact-avail { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 24px; padding: 0 0 22px; border-bottom: 1px solid var(--line); }
.contact-avail .contact-status { margin: 0 6px 0 0; }
.contact-avail .contact-open { margin: 0; }
.contact-avail { display: grid; gap: 14px; justify-items: start; }
.contact-avail .contact-status { margin: 0; padding: 0; background: none; border: 0; box-shadow: none; font-weight: 600; }
.contact-avail .contact-open { display: grid; gap: 7px; width: 100%; margin: 0; }
.contact-avail .contact-open::before { content: 'Open to'; font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-bottom: 2px; }
.contact-avail .contact-open li { display: flex; align-items: center; gap: 10px; padding: 0; box-shadow: none; border-radius: 0; background: none; font-size: .95rem; font-weight: 500; color: var(--ink); }
.contact-avail .contact-open li::before { content: ''; width: 12px; height: 7px; flex: none; border: solid var(--accent); border-width: 0 0 1.6px 1.6px; transform: translateY(-2px) rotate(-45deg); }
html[data-variant=nocturne] .nav .identity img.identity-avatar { background: linear-gradient(175deg, #eeeeee 0%, #c0c0c0 100%) !important; opacity: .92; }
html[data-variant=nocturne] .avatar-flip .ink, html.is-night .avatar-flip .ink { background: #676767 !important; }
html[data-variant=nocturne] .avatar-flip img, html.is-night .avatar-flip img { filter: brightness(.92) contrast(1.05); }
html[data-variant=nocturne] :is(.fact-icon, .project-tags:not(.cf-tags) .tag-material, .impact-icon, .case-result h2, .contribution-radar h2) .pill-icon { color: #c0c0c0 !important; }
html[data-variant=nocturne] .impact-switch { background: color-mix(in srgb, #fff 4%, var(--bg)); }
html[data-variant=nocturne][data-cards=a] .impact-grid > .impact-card { background: color-mix(in srgb, #fff 3.5%, var(--bg)); border-color: rgb(255 255 255 / .07); box-shadow: 0 30px 60px -40px rgb(0 0 0 / .9); }
html[data-variant=nocturne][data-cards=a] .impact-photo img { filter: saturate(.85) brightness(.9); }
html[data-variant=nocturne][data-cards=a] .impact-photo::after { opacity: .5; }
html[data-variant=nocturne][data-cards=a] :is(.impact-icon, .impact-when) { background: rgb(15 15 15 / .6); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .12), 0 16px 30px -14px rgb(0 0 0 / .7); }
html[data-variant=nocturne][data-cards=a] .impact-big { background-image: linear-gradient(100deg, #f7a8cc, #f08bbd 40%, #adadad); }
html[data-variant=nocturne][data-cards=a] .impact-src span { border-color: rgb(255 255 255 / .16); }
html[data-variant=nocturne][data-cards=a] .impact-bar s { background: color-mix(in srgb, var(--accent) 36%, var(--bg)); }
html[data-variant=nocturne][data-cards=a] .impact-bar u { background: linear-gradient(90deg, #f08bbd, #adadad); }
html[data-variant=nocturne][data-cards=a] .impact-also { box-shadow: inset 0 0 0 1px rgb(255 255 255 / .16); }
html[data-variant=nocturne][data-cards=b] .impact-grid > .impact-card { box-shadow: 0 30px 60px -38px rgb(0 0 0 / .9); }
html[data-variant=nocturne][data-cards=b] .impact-card::after { content: ''; position: absolute; inset: 0; z-index: 3; border-radius: inherit; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .08); pointer-events: none; transition: box-shadow .5s ease; }
html[data-variant=nocturne][data-cards=info] .impact-grid { background: color-mix(in srgb, #fff 10%, #191919); box-shadow: 0 0 0 1px rgb(255 255 255 / .08), 0 30px 60px -38px rgb(0 0 0 / .9); }
html[data-variant=nocturne][data-cards=info] :is(.impact-grid > .impact-card, .impact-axis) { background: #191919; }
@media (min-width: 761px) {
html[data-variant=nocturne][data-cards=info] .impact-grid { box-shadow: 0 0 0 1px rgb(255 255 255 / .08); }
html[data-variant=nocturne][data-cards=info] .impact-axis { clip-path: inset(0 -60px -100px); border-top-color: color-mix(in srgb, #fff 10%, #191919); box-shadow: 0 0 0 1px rgb(255 255 255 / .08), 0 30px 60px -38px rgb(0 0 0 / .9); }
html[data-variant=nocturne][data-cards=info] .impact-axis-mark i { box-shadow: 0 0 0 3px #191919, 0 0 12px rgb(240 139 189 / .55); }
html[data-variant=nocturne][data-cards=info] .impact-axis-mark.is-hot i { box-shadow: 0 0 0 3px #191919, 0 0 18px rgb(240 139 189 / .95); }
html[data-variant=nocturne][data-cards=info] .impact-axis-mark[data-mark=open] i { box-shadow: none; }
}
html[data-variant=nocturne][data-cards=f] .impact-grid { border-color: rgb(255 255 255 / .1); background: rgb(255 255 255 / .1); }
html[data-variant=nocturne][data-cards=f] .impact-grid > .impact-card { background: color-mix(in srgb, #fff 3.5%, var(--bg)); }
html[data-variant=nocturne][data-cards=f] .impact-icon { background: color-mix(in srgb, var(--accent) 14%, var(--bg)); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .08); }
html[data-variant=nocturne][data-cards=f] .impact-bar s { background: rgb(255 255 255 / .2); }
html[data-variant=nocturne][data-cards=f] .impact-bar u { background: linear-gradient(90deg, #f08bbd, #adadad); }
html[data-variant=nocturne][data-cards=h] .impact-grid > .impact-card { box-shadow: inset 0 0 0 1px rgb(255 255 255 / .08); }
html[data-variant=nocturne][data-cards=i] .impact-grid { background: radial-gradient(90% 70% at 0% 0%, rgb(240 139 189 / .1), transparent 62%), #191919; box-shadow: 0 0 0 1px rgb(255 255 255 / .09), 0 30px 60px -38px rgb(0 0 0 / .9); }
html[data-variant=nocturne][data-cards=j] .impact-grid > .impact-card:not(:first-child) { background: color-mix(in srgb, #fff 4%, var(--bg)); border-color: rgb(255 255 255 / .08); box-shadow: 0 20px 40px -28px rgb(0 0 0 / .9); }
html[data-variant=nocturne][data-cards=j] .impact-grid > .impact-card:not(:first-child)::before { background: color-mix(in srgb, #fff 2%, var(--bg)); border-color: rgb(255 255 255 / .07); }
html[data-variant=nocturne][data-cards=j] .impact-grid > .impact-card:first-child { background: #1d1d1d; box-shadow: 0 0 0 1px rgb(255 255 255 / .08), 0 30px 60px -38px rgb(0 0 0 / .9); }
html[data-variant=nocturne]:is([data-cards=k], [data-cards=m]) .impact-grid .impact-big:nth-child(n) { -webkit-text-stroke-color: #f08bbd; }
html[data-variant=nocturne]:is([data-cards=k], [data-cards=m]) .impact-label { color: #f3a6cb; }
html[data-variant=nocturne][data-cards=l][data-map=old] .impact-map-hull { fill: color-mix(in srgb, #fff 3%, var(--bg)); stroke: rgb(255 255 255 / .12); }
html[data-variant=nocturne][data-cards=l][data-map=old] .impact-map g.is-hot .impact-map-hull { fill: color-mix(in srgb, #fff 5%, var(--bg)); stroke: rgb(240 139 189 / .45); }
html[data-variant=nocturne][data-cards=l][data-map=old] .impact-bar s { background: rgb(255 255 255 / .2); }
html[data-variant=nocturne][data-cards=l][data-map=old] .impact-bar u { background: linear-gradient(90deg, #f08bbd, #adadad); }
html[data-variant=nocturne][data-cards=l][data-map=v2] .impact-also { background: rgb(240 139 189 / .14); }
html[data-variant=nocturne][data-cards=l][data-map=v2] .impact-grid > .impact-card { border-color: rgb(255 255 255 / .08); background: color-mix(in srgb, #fff 3.5%, var(--bg)); box-shadow: 0 18px 36px -26px rgb(0 0 0 / .8); }
html[data-variant=nocturne][data-cards=l][data-map=v2] .impact-icon { background: rgb(192 192 192 / .1); box-shadow: inset 0 0 0 1px rgb(192 192 192 / .12); }
html[data-variant=nocturne][data-cards=l][data-map=v2] .impact-bar s { background: rgb(255 255 255 / .2); }
html[data-variant=nocturne][data-cards=l][data-map=v2] .impact-bar u { background: linear-gradient(90deg, #f08bbd, #adadad); }
html[data-variant=nocturne][data-cards=l]:not([data-map]) .impact-grid { --lm-line: rgb(255 255 255 / .09); background: linear-gradient(180deg, color-mix(in srgb, #fff 4.5%, var(--bg)), color-mix(in srgb, #fff 2%, var(--bg))); box-shadow: inset 0 1px 0 rgb(255 255 255 / .05), 0 34px 64px -40px rgb(0 0 0 / .85); }
html[data-variant=nocturne][data-cards=l]:not([data-map]) .impact-terrain { color: #f08bbd; opacity: .11; }
html[data-variant=nocturne][data-cards=l]:not([data-map]) .impact-grid > .impact-card::after { background: color-mix(in srgb, #fff 6%, var(--bg)); box-shadow: inset 0 0 0 1px rgb(240 139 189 / .3), 0 22px 40px -24px rgb(0 0 0 / .8); }
html[data-variant=nocturne][data-cards=l]:not([data-map]) :is(.impact-icon, .impact-rail-icon) { background: rgb(192 192 192 / .1); box-shadow: inset 0 0 0 1px rgb(192 192 192 / .12); }
html[data-variant=nocturne][data-cards=l]:not([data-map]) .impact-rail s { background: rgb(255 255 255 / .14); }
html[data-variant=nocturne][data-cards=l]:not([data-map]) :is(.impact-rail s.is-on, .impact-rail.is-hot .impact-rail-icon) { background: #f08bbd; color: #171717; }
html[data-variant=nocturne][data-cards=l]:not([data-map]) .impact-rail.is-hot b { color: #f08bbd; }
html[data-variant=nocturne][data-cards=l]:not([data-map]) .impact-also { background: rgb(240 139 189 / .14); }
html[data-variant=nocturne][data-cards=l]:not([data-map]) .impact-bar s { background: rgb(255 255 255 / .2); }
html[data-variant=nocturne][data-cards=l]:not([data-map]) .impact-bar u { background: linear-gradient(90deg, #f08bbd, #adadad); }
html[data-variant=nocturne][data-cards=k4] .impact-grid > .impact-card:nth-child(n) { background: color-mix(in srgb, #fff 7%, var(--bg)); box-shadow: inset 0 1px 0 rgb(255 255 255 / .06), 0 16px 30px -16px rgb(0 0 0 / .8); }
html[data-variant=nocturne] .impact-subswitch { background: color-mix(in srgb, #fff 4%, var(--bg)); }
html[data-variant=nocturne] .impact-subswitch button[aria-pressed=true] { color: #141414; }
html[data-variant=nocturne][data-cards=k4b] .impact-grid { --ck-dark: rgb(8 4 0 / .5); --ck-light: rgb(255 224 186 / .1); --ck-hi: rgb(255 226 190 / .07); --ck-lo: rgb(0 0 0 / .22);
  --ck-a: #684d37; --ck-b: #553d2a; --ck-c: #45311f; --fr-a: #373737; --fr-b: #272727; --fr-c: #333333; --fr-d: #1f1f1f; --ck-shade: rgb(0 0 0 / .55); --pin-red: #e2414d;
  box-shadow: inset 0 2px 12px var(--ck-shade), inset 0 0 0 1px rgb(0 0 0 / .3), 0 0 0 1px rgb(255 255 255 / .07), 0 28px 48px -32px rgb(0 0 0 / .9); }
html[data-variant=nocturne][data-cards=k4b] .impact-grid > .impact-card:nth-child(n) { background: linear-gradient(172deg, #272727, #222222 60%, #1d1d1d); box-shadow: inset 0 1px 0 rgb(255 255 255 / .06), 0 1px 1px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .5), 0 20px 26px -16px rgb(0 0 0 / .7); }
html[data-variant=nocturne][data-cards=k4b] .impact-thread-shade { stroke: rgb(0 0 0 / .5); }
html[data-variant=nocturne][data-cards=k4b] .impact-grid > .impact-card:nth-child(3) { --pin: #898989; }
html[data-variant=nocturne][data-cards=k4c] .impact-grid { --stock: radial-gradient(120% 90% at 30% 10%, #ddd3bb, #d2c6aa 70%, #c6b897); --type: #212121; --red: #b8392f; --blue: rgb(64 108 158 / .45); --brass: linear-gradient(#cdb680, #8f7444 55%, #5e4826); }
html[data-variant=nocturne][data-cards=k4c] .impact-grid > .impact-card:nth-child(n) { box-shadow: inset 0 1px 0 rgb(255 255 255 / .35), 0 1px 1px rgb(0 0 0 / .4), 0 14px 24px -14px rgb(0 0 0 / .8); }
html[data-variant=nocturne][data-cards=k4d] .impact-grid > .impact-card:nth-child(n) { background: linear-gradient(175deg, #252525, #1f1f1f); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .07), inset 0 0 0 5px #232323, inset 0 0 0 6px rgb(240 139 189 / .14), 0 1px 2px rgb(0 0 0 / .4), 0 16px 28px -16px rgb(0 0 0 / .85); }
html[data-variant=nocturne][data-cards=k4d] .impact-grid > .impact-card[data-drawn]:nth-child(n) { box-shadow: inset 0 0 0 1px rgb(255 255 255 / .09), inset 0 0 0 5px #232323, inset 0 0 0 6px rgb(240 139 189 / .3), 0 30px 46px -22px rgb(0 0 0 / .9); }
html[data-variant=nocturne][data-cards=k4d] .impact-glyph { color: #c0c0c0; }
html[data-variant=nocturne][data-cards=k4e] .impact-grid { --front: linear-gradient(160deg, #323232, #272727 60%, #212121); --front-ink: #272727; --paper: linear-gradient(170deg, #212121, #1c1c1c); }
html[data-variant=nocturne][data-cards=k4e] .impact-grid > .impact-card::before { box-shadow: inset 0 0 0 1px rgb(240 139 189 / .18), 0 18px 30px -18px rgb(0 0 0 / .9); }
html[data-variant=nocturne][data-cards=k4e] .impact-card > .impact-label::after { background: linear-gradient(315deg, var(--bg) calc(50% - .5px), rgb(0 0 0 / .45) calc(50% - .5px) 50%, #272727 50%, #202020); }
html[data-variant=nocturne][data-cards=k4e] .impact-grid > .impact-card::after { box-shadow: inset 0 0 0 1px rgb(255 255 255 / .08), 0 18px 30px -18px rgb(0 0 0 / .9); }
html[data-variant=nocturne][data-cards=k4f] .impact-pile { background: linear-gradient(#262626, #212121); box-shadow: inset 0 1px 0 rgb(255 255 255 / .06), 0 0 0 1px rgb(255 255 255 / .06); }
html[data-variant=nocturne][data-cards=k4f] .impact-grid > .impact-card:nth-child(n) { background: linear-gradient(172deg, #252525, #1f1f1f); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .06), 0 12px 22px -12px rgb(0 0 0 / .85); }
html[data-variant=nocturne][data-cards=k4f] .impact-grid > .impact-card:not([data-depth="0"], [data-spread]):nth-child(n) { background: linear-gradient(172deg, #1e1e1e, #191919); }
@media (max-width: 760px) {
html[data-variant=nocturne][data-cards=k4f] .impact-grid > .impact-card:nth-child(n) { background: linear-gradient(172deg, #252525, #1f1f1f); }
}
.contact-copy.is-done .i-done { opacity: 1; transform: none; }
.contact-copy.is-done { color: #2a8a5a; box-shadow: inset 0 0 0 1px #2a8a5a; }
.contact-copy.is-done::after { content: 'Copied'; }
html[data-variant=nocturne] .edge-icon { color: #c0c0c0; }
html[data-variant=nocturne] .summit-stage { opacity: .62; }
html[data-variant=nocturne] :is(.feature, .mini-project) { --card-muted: var(--muted); }
html[data-variant=nocturne] #featured .feature :is(.tag-copy, .role) small { color: var(--muted) !important; }
html[data-variant=nocturne] .feature .feature-image .project-number { color: var(--bg) !important; }
html[data-variant=nocturne] :is(#case-content, #small-detail) .project-pagination-link div > span { color: var(--accent); }
html[data-variant=nocturne] .project-video-controls button { color: var(--muted); }
html[data-variant=nocturne] .stratum-caption span { text-shadow: 0 0 10px var(--bg), 0 0 3px var(--bg); }
html[data-variant=nocturne] { --brief-band: color-mix(in srgb, #8f86e0 9%, var(--bg)); }
html.is-night[data-mark]:not(.avatar-photo) .identity img.identity-avatar { filter: brightness(1.55) saturate(1.1) !important; }
@media (max-width: 760px) {
html.menu-native.menu-open .menu-sheet.is-dragging { transition: none; }
html.menu-native:not(.menufx-old).menu-open .menu-sheet nav a:nth-child(7) { animation-delay: .31s; }
html.menu-native:not(.menufx-old).menu-leaving .menu-sheet :is(nav a:not(.is-picked), .menu-foot) { opacity: 0; animation: none; transition: none; }
html.menu-native:not(.menufx-old).menu-going .menu-top::after { opacity: 1; transition: opacity .2s ease; animation: menu-going 1.1s cubic-bezier(.45,0,.55,1) infinite; }
}
html.name-two .menu-sheet .menu-top .menu-name { display: inline-block; padding-left: .62em; line-height: .94; }
html.name-two .menu-sheet .menu-top .menu-name b { display: block; margin-left: -.62em; }
html.page-in.tone-flip:not(.navflip-old):not(#x):not(#y):not(#z)::view-transition-old(site-nav) { animation: vt-gone .34s cubic-bezier(.4,0,.2,1) both !important; mix-blend-mode: plus-lighter !important; } html.page-in.tone-flip:not(.navflip-old):not(#x):not(#y):not(#z)::view-transition-new(site-nav) { animation: vt-got .34s cubic-bezier(.4,0,.2,1) both !important; mix-blend-mode: plus-lighter !important; }
html.from-foot:not(.footvt-old)::view-transition-new(summit) { animation: vt-got .45s cubic-bezier(0,0,.2,1) .24s both !important; }
html.page-in.tone-flip:not(.navflip-old):not(.navflip-fade):not(#x):not(#y):not(#z):not(#w)::view-transition-old(site-nav) { animation: vt-gone 1ms linear .17s both !important; mix-blend-mode: normal !important; } html.page-in.tone-flip:not(.navflip-old):not(.navflip-fade):not(#x):not(#y):not(#z):not(#w)::view-transition-new(site-nav) { animation: none !important; opacity: 1; mix-blend-mode: normal !important; }
html.page-in:not(.navflip-old):not(.navflip-fade):not(.navflip-tone):not(.vt-fly):not(#x):not(#y):not(#z):not(#w)::view-transition-old(site-nav) { animation: vt-gone 1ms linear .17s both !important; mix-blend-mode: normal !important; } html.page-in:not(.navflip-old):not(.navflip-fade):not(.navflip-tone):not(.vt-fly):not(#x):not(#y):not(#z):not(#w)::view-transition-new(site-nav) { animation: none !important; opacity: 1; mix-blend-mode: normal !important; }
html:not(.cardlink-old) a.mini-project { color: inherit; text-decoration: none; }
html:not(.navgrey-old) { --nav-grey: #6b6b6b; }
.skip-link { position: fixed; top: 12px; left: 16px; z-index: 300; padding: 10px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); color: var(--ink); font-size: 15px; font-weight: 600; text-decoration: none; translate: 0 calc(-100% - 24px); }
.skip-link:focus-visible { translate: none; }
html.skiplink-off .skip-link { display: none; }
html:not(.smooth-old) body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html:not(.ring-old) body :focus-visible:not(.reel-motion) { outline-color: var(--ink) !important; }
html:not(.ring-old) body .portfolio-footer a:focus-visible { outline-color: currentColor !important; }
html:not(.select-old) ::selection { background: color-mix(in srgb, var(--ink) 18%, transparent); }
html.from-foot:not(.footfade-old):not(.footvt-old):not(#x):not(#y):not(#z):not(#w)::view-transition { background: var(--bg); } html.from-foot:not(.footfade-old):not(.footvt-old):not(#x):not(#y):not(#z):not(#w)::view-transition-old(root), html.from-foot:not(.footfade-old):not(.footvt-old):not(#x):not(#y):not(#z):not(#w)::view-transition-old(page) { animation: vt-gone .22s cubic-bezier(.4,0,1,1) both !important; mix-blend-mode: normal !important; } html.from-foot:not(.footfade-old):not(.footvt-old):not(#x):not(#y):not(#z):not(#w)::view-transition-new(root), html.from-foot:not(.footfade-old):not(.footvt-old):not(#x):not(#y):not(#z):not(#w)::view-transition-new(page) { animation: vt-got .36s cubic-bezier(0,0,.2,1) .14s both !important; mix-blend-mode: normal !important; }
html:not(.navglass-on):not(#x):not(#y):not(#z)::view-transition-image-pair(site-nav) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html:not(.navstill-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f)::view-transition-group(site-nav), html:not(.navstill-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f)::view-transition-group(nav-bar) { animation: none !important; } html:not(.navstill-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f)::view-transition-old(site-nav), html:not(.navstill-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f)::view-transition-old(nav-bar) { animation: none !important; opacity: 0 !important; } html:not(.navstill-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f)::view-transition-new(site-nav), html:not(.navstill-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f)::view-transition-new(nav-bar) { animation: none !important; opacity: 1 !important; mix-blend-mode: normal !important; } html:not(.navstill-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f)::view-transition-image-pair(site-nav), html:not(.navstill-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f)::view-transition-image-pair(nav-bar) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; animation: none !important; }
html:not(.navglass-on):not(#a):not(#b):not(#c):not(#d)::view-transition-group(site-nav), html:not(.navglass-on):not(#a):not(#b):not(#c):not(#d)::view-transition-group(nav-bar), html:not(.navglass-on):not(#a):not(#b):not(#c):not(#d)::view-transition-group(site-name), html:not(.navglass-on):not(#a):not(#b):not(#c):not(#d)::view-transition-group(site-mark), html:not(.navglass-on):not(#a):not(#b):not(#c):not(#d)::view-transition-group(site-mark3d) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.impact-recog { width: 100%; grid-column: 1 / -1; justify-self: stretch; margin: 48px 0 0; } .recog-kicker { margin: 0 0 16px; color: var(--muted); font-size: .8125rem; font-weight: 600; } .recog-list li, .recog-line { max-width: none !important; } .recog-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); } .recog-row { display: grid; grid-template-columns: 9.5rem minmax(0, 17rem) minmax(0, 1fr) auto; gap: 24px; align-items: baseline; padding: 18px 0; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; } .recog-word { font-family: "Geist Serif", Georgia, serif; font-size: 1.45rem; line-height: 1; } .recog-what { font-weight: 600; } .recog-desc { color: var(--muted); } .recog-src { font-size: .8125rem; font-weight: 600; white-space: nowrap; } .recog-row:hover .recog-what, .recog-row:focus-visible .recog-what { text-decoration: underline; text-underline-offset: 3px; } .recog-line { display: none; } @media (max-width: 900px) { .recog-row { grid-template-columns: 1fr; gap: 6px; } .recog-src { white-space: normal; } } html[data-also=line] .recog-list { display: none; } html[data-also=line] .recog-line { display: block; width: min(100%, 62ch); margin: 0; color: var(--muted); line-height: 1.55; } html[data-also=line] .recog-line a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 3px; } html[data-also=chips] .recog-list { display: flex; flex-wrap: wrap; gap: 8px; border: 0; } html[data-also=chips] .recog-row { display: inline-flex; gap: 8px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 4px; } html[data-also=chips] :is(.recog-desc, .recog-src) { display: none; } html[data-also=chips] .recog-word { font-family: inherit; font-size: inherit; line-height: inherit; color: var(--muted); } html[data-also=cards] .recog-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; border: 0; } html[data-also=cards] .recog-row { display: flex; flex-direction: column; gap: 6px; height: 100%; box-sizing: border-box; padding: 20px 24px; border: 0; border-radius: 4px; background: rgb(255 255 255 / .5); box-shadow: inset 0 1px rgb(255 255 255 / .75), inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent); } html.is-night[data-also=cards] .recog-row { background: rgb(255 255 255 / .04); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent); } html[data-also=cards] .recog-word { font-size: 1.25rem; } html[data-also=cards] .recog-src { margin-top: auto; padding-top: 10px; white-space: normal; } html[data-also=strip] .recog-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--line); } html[data-also=strip] .recog-list li + li { border-left: 1px solid var(--line); } html[data-also=strip] .recog-row { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 28px 16px; border: 0; text-align: center; } html[data-also=strip] .recog-word { order: -1; font-family: inherit; font-size: .8125rem; font-weight: 600; line-height: inherit; color: var(--muted); } html[data-also=strip] .recog-what { font-family: "Geist Serif", Georgia, serif; font-size: 1.6rem; font-weight: 400; line-height: 1.1; } html[data-also=strip] :is(.recog-desc, .recog-src) { display: none; } html[data-also=receipt] .recog-list { max-width: 640px; border-top: 1px dashed var(--line); } html[data-also=receipt] .recog-row { display: flex; align-items: baseline; gap: 10px; padding: 14px 0; border-bottom: 1px dashed var(--line); font-variant-numeric: tabular-nums; } html[data-also=receipt] .recog-what { order: -1; } html[data-also=receipt] .recog-what::after { content: ""; } html[data-also=receipt] .recog-desc { flex: 1; align-self: center; height: 0; overflow: hidden; border-bottom: 2px dotted var(--line); color: transparent; } html[data-also=receipt] .recog-word { order: 1; font-family: inherit; font-size: inherit; line-height: inherit; color: var(--muted); } html[data-also=receipt] .recog-src { display: none; } @media (max-width: 900px) { html:is([data-also=columns], [data-also=cards], [data-also=strip]) .recog-list { grid-template-columns: 1fr; } html[data-also=strip] .recog-list li + li { border-left: 0; border-top: 1px solid var(--line); } } .recog-pic, .recog-year { display: none; } html:is([data-also=columns], [data-also=ruled], [data-also=pictures], [data-also=dated], [data-also=both]) .recog-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; padding-top: 16px; } html:is([data-also=columns], [data-also=ruled], [data-also=pictures], [data-also=dated], [data-also=both]) .recog-row { display: flex; flex-direction: column; gap: 8px; padding: 0; border: 0; } html:is([data-also=columns], [data-also=ruled], [data-also=pictures], [data-also=dated], [data-also=both]) .recog-word { order: -1; font-family: inherit; font-size: .8125rem; font-weight: 600; line-height: inherit; color: var(--muted); } html:is([data-also=columns], [data-also=ruled], [data-also=pictures], [data-also=dated], [data-also=both]) .recog-what { font-family: "Geist Serif", Georgia, serif; font-size: 1.45rem; font-weight: 400; line-height: 1.15; } html:is([data-also=columns], [data-also=ruled], [data-also=pictures], [data-also=dated], [data-also=both]) .recog-desc { font-size: 16px; line-height: 1.55; } html:is([data-also=columns], [data-also=ruled], [data-also=pictures], [data-also=dated], [data-also=both]) .recog-src { margin-top: 8px; white-space: normal; } html[data-also=ruled] .recog-list { gap: 0; padding-top: 0; border-top: 0; } html[data-also=ruled] .recog-list li { padding: 4px 28px 8px; border-left: 1px solid var(--line); } html[data-also=ruled] .recog-list li:first-child { padding-left: 0; border-left: 0; } html[data-also=ruled] .recog-row { height: 100%; } html[data-also=ruled] .recog-src { margin-top: auto; padding-top: 12px; } html[data-also=both] .recog-list { gap: 0; padding-top: 24px; } html[data-also=both] .recog-list li { padding: 0 28px 4px; border-left: 1px solid var(--line); } html[data-also=both] .recog-list li:first-child { padding-left: 0; border-left: 0; } html[data-also=both] .recog-row { height: 100%; } html[data-also=both] .recog-src { margin-top: auto; padding-top: 12px; } html[data-also=pictures] .recog-list { border-top: 0; padding-top: 0; } html[data-also=pictures] .recog-pic { display: block; order: -2; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; margin-bottom: 8px; border-radius: 4px; filter: grayscale(.85); transition: filter .3s ease-out; } html[data-also=pictures] .recog-row:hover .recog-pic { filter: none; } html[data-also=dated] .recog-list { gap: 0; } html[data-also=dated] .recog-list li + li { padding-left: 28px; border-left: 1px solid var(--line); } html[data-also=dated] .recog-list li { padding-right: 28px; } html[data-also=dated] .recog-year { display: block; order: -2; font-family: "Geist Serif", Georgia, serif; font-size: 2.4rem; line-height: 1; margin-bottom: 10px; font-variant-numeric: tabular-nums; } html[data-also=dated] .recog-desc { display: none; } html[data-also=dated] .recog-what { font-family: inherit; font-size: 1rem; font-weight: 600; line-height: 1.35; } @media (max-width: 900px) { html:is([data-also=ruled], [data-also=pictures], [data-also=dated], [data-also=both]) .recog-list { grid-template-columns: 1fr; gap: 28px; } html:is([data-also=ruled], [data-also=dated], [data-also=both]) .recog-list li { padding: 0 !important; border-left: 0 !important; } }
html:not(.herospace-old):not(.rolegap-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body .hero .hero-copy .hl-b2 { margin-top: 6px !important; } @media (max-width: 760px) { html:not(.herospace-old):not(.rolegap-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body .hero .hero-copy .hl-b2 { margin-top: 5px !important; } }
html.vt-out:not(.recogfall-old) .results-page .impact-recog { view-transition-name: recog-out; } ::view-transition-group(recog-out) { animation: none; } ::view-transition-old(recog-out) { animation: vt-strata-down 0.413s cubic-bezier(.5,0,.25,1) both; }
html:not(.routetitle-old):not(#a):not(#b):not(#c):not(#d):not(#e) #route-title { font-size: clamp(1.9rem, 3vw, 2.8rem) !important; }
@media (prefers-reduced-motion: no-preference) { html.impact-live:not(.recogin-old) .impact-recog .recog-kicker, html.impact-live:not(.recogin-old) .impact-recog .recog-list li { transition: opacity .6s ease, translate .9s cubic-bezier(.2,.7,.1,1); transition-delay: calc(.35s + var(--i, 0) * .08s); } html.impact-live:not(.recogin-old) .impact-recog .recog-list { transition: border-color .6s ease; } html.impact-live:not(.recogin-old) .impact-recog:not(.is-in) :is(.recog-kicker, .recog-list li) { opacity: 0; translate: 0 14px; } html.impact-live:not(.recogin-old) .impact-recog:not(.is-in) .recog-list { border-top-color: transparent; } }
html[data-also=columns]:not(.recoghead-old) .impact-recog .recog-kicker { display: none; } html[data-also=columns]:not(.recoghead-old) .impact-recog .recog-list { padding-top: 0; border-top: 0; column-gap: 16px; }
html:not(.navbold-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body > .nav nav > a:not(.nav-resume)[aria-current=page] { font-weight: 600 !important; }
html:not(.navbold-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body > .nav nav > a:not(.nav-resume) { text-align: center; }
@media (max-width: 900px) { html.navclean:not(.navbold-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body > .nav nav { gap: 22px !important; } }
html:not(.navbold-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body > .nav nav > a:not(.nav-resume)::before { display: block; height: 0; overflow: hidden; visibility: hidden; font-weight: 600; pointer-events: none; content: ''; }
html:not(.navbold-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body > .nav nav > a:not(.nav-resume):is([href$="index.html"], [href="#top"])::before { content: 'Work'; }
html:not(.navbold-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body > .nav nav > a:not(.nav-resume)[href$="experience.html"]::before { content: 'Experience'; }
html:not(.navbold-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body > .nav nav > a:not(.nav-resume)[href$="results.html"]::before { content: 'Results'; }
html:not(.navbold-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body > .nav nav > a:not(.nav-resume)[href$="about.html"]::before { content: 'About'; }
html:not(.navbold-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body > .nav nav > a:not(.nav-resume)[href$="inspiration.html"]::before { content: 'Inspiration'; }
html:not(.navbold-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body > .nav nav > a:not(.nav-resume)[href$="contact.html"]::before { content: 'Contact'; }
html:not(.facticon-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body #featured .feature :is(.feature-tags .tag-material, .role-icon) { transform: translateX(-2.5px) !important; }
html:not(.ctagap-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body main > .experience-cta:not(.exp-close) h2 { margin-bottom: 0 !important; }
@media (min-width: 701px) { html:not(.ctagap-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body main > .experience-cta:not(.exp-close) > div > p:not(.eyebrow) { margin-top: 8px !important; } }
@media (max-width: 700px) { html:not(.ctagap-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body main > .experience-cta:not(.exp-close) > div > p:not(.eyebrow) { margin-top: 5px !important; } }
html[data-tod=night]:not(.nightlayers-old):not(#a):not(#b) .experience-page :is(.stratum, .strata-ground-layer) { --layer-ink: #f3f3f1; --layer-muted: #b9b9b5; --layer-line: #4d4d4a; --layer-carve: rgb(255 255 255 / .1); --layer-accent: #ff5a4e; }
html[data-tod=night]:not(.nightlayers-old):not(#a):not(#b) .experience-page :is(.stratum-1, .strata-ground-layer.stratum-1) { --layer: #313130 !important; }
html[data-tod=night]:not(.nightlayers-old):not(#a):not(#b) .experience-page :is(.stratum-2, .strata-ground-layer.stratum-2) { --layer: #272726 !important; }
html[data-tod=night]:not(.nightlayers-old):not(#a):not(#b) .experience-page :is(.stratum-3, .strata-ground-layer.stratum-3) { --layer: #1f1f1e !important; }
html[data-tod=night]:not(.nightlayers-old):not(#a):not(#b) .experience-page .stratum :is(h2, h2 *, .stratum-line, .stratum-line > span, .stratum-caption, .stratum-caption strong, .stratum-line strong) { color: var(--layer-ink) !important; }
html[data-tod=night]:not(.nightlayers-old):not(#a):not(#b) .experience-page .stratum .stratum-line > span { color: #d6d6d2 !important; }
html[data-tod=night]:not(.nightlayers-old):not(#a):not(#b) .experience-page .stratum .stratum-hint { color: #9a9a96 !important; }
html[data-tod=night]:not(.nightlayers-old):not(#a):not(#b):not(#c) body.experience-page .stratum-years, html[data-tod=night]:not(.nightlayers-old):not(#a):not(#b):not(#c) body.experience-page .stratum-years * { color: #ff5a4e !important; }
html[data-tod=night]:not(.nightlayers-old):not(#a):not(#b) .experience-page .stone-view { background: #f3f3f1 !important; color: #111 !important; }
html[data-tod=night]:not(.nightlayers-old):not(#a):not(#b) .experience-page .stratum-edge-line { stroke: #6a6a66; }
.more-sort-face { display: contents; }
.more-sort-value { display: none; }
html:not(.sortmatch-old) .more-sort { gap: 7px; font-size: .78rem; }
html:not(.sortmatch-old) .more-sort .more-sort-face { position: relative; display: inline-flex; align-items: center; gap: 7px; box-sizing: border-box; height: 31px; padding: 0 13px 0 15px; border: 1px solid #b9b9b5; border-radius: 8px; color: var(--ink); font-size: .78rem; font-weight: 600; line-height: normal; white-space: nowrap; }
html:not(.sortmatch-old) .more-sort .more-sort-value { display: inline; }
html:not(.sortmatch-old) .more-sort .more-sort-face:hover { border-color: #adaca8; }
html:not(.sortmatch-old) .more-sort select { position: absolute; inset: 0; width: 100%; height: 100% !important; margin: 0; padding: 0; border: 0; opacity: 0; font-size: 16px !important; cursor: pointer; }
html:not(.sortmatch-old) .more-sort .more-sort-face:has(select:focus-visible) { outline: 2px solid var(--accent); outline-offset: 2px; }
html:not(.sortmatch-old) .more-sort svg { position: static; flex: none; width: 11px; height: 11px; }
html:not(.sortmatch-old) #more .more-view-toggle { box-sizing: border-box; height: 31px; padding: 2px; align-items: stretch; border-color: #b9b9b5; }
html:not(.sortmatch-old) #more .more-view-toggle button { height: auto; }
:is(html[data-tod=night], html.is-night, html[data-variant=nocturne]):not(.sortmatch-old) :is(.more-sort .more-sort-face, #more .more-view-toggle) { border-color: #4a4a4a; }
@media (max-width: 500px) {
  html:not(.sortmatch-old) .more-sort { font-size: .72rem; }
  html:not(.sortmatch-old) .more-sort .more-sort-face { height: 28px; padding: 0 10px 0 11px; font-size: .72rem; gap: 6px; }
  html:not(.sortmatch-old) #more .more-view-toggle { height: 28px; }
}
@media (max-width: 900px) { html[data-also=columns]:not(.recogstack-old) .impact-recog .recog-list { grid-template-columns: minmax(0, 1fr); row-gap: 40px; } }
@media (max-width: 900px) { html:not(.recogfade-old) .impact-recog { --recog-fade: #f5f5f4; position: relative; z-index: 0; } html[data-tod=night]:not(.recogfade-old) .impact-recog { --recog-fade: #0f0f0e; } html:not(.recogfade-old) .impact-recog::before { content: ""; position: absolute; z-index: -1; top: -96px; bottom: -96px; left: 50%; width: 100vw; margin-left: -50vw; background: var(--recog-fade); opacity: .86; -webkit-mask-image: linear-gradient(180deg, transparent, #000 96px, #000 calc(100% - 96px), transparent); mask-image: linear-gradient(180deg, transparent, #000 96px, #000 calc(100% - 96px), transparent); pointer-events: none; } }
html:not(.hdrglass-on):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body>.nav, html:not(.hdrglass-on):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body>.nav::before { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html:not(.hdrglass-on):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f)::view-transition-image-pair(site-nav) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html:not(.hdrglass-on):not([data-tod=night], [data-variant=nocturne], .is-night):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body>.nav, html:not(.hdrglass-on):not([data-tod=night], [data-variant=nocturne], .is-night):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body>.nav::before { background-color: rgb(245 245 244) !important; }
html:not(.hdrglass-on):is([data-tod=night], [data-variant=nocturne], .is-night):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body>.nav { background-color: rgb(12 12 12) !important; }
html:not(.hdrglass-on):is(.is-night, [data-variant=nocturne]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body>.nav { box-shadow: 0 0 0 100vmax rgb(12 12 12) !important; }
@media (max-width: 640px) { html.ab-skycut.about-tod:not(.abmtn-old):not(.abiboard-old):not(.tipfoot-old):not(#a):not(#b) body .mountain-sky.summit-sky { -webkit-mask-image: linear-gradient(#000 calc(var(--ab-edge-y) - 190px), transparent calc(var(--ab-edge-y) - 125px)), var(--oval); mask-image: linear-gradient(#000 calc(var(--ab-edge-y) - 190px), transparent calc(var(--ab-edge-y) - 125px)), var(--oval); } }
@media (max-width: 700px) {
  html:not(.closewide-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body .cx.is-close .ab-close .about-actions.about-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; gap: 10px !important; width: 100%; }
  html:not(.closewide-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body .cx.is-close .ab-close .about-actions .about-btn.about-btn { width: auto !important; flex: 0 0 auto !important; align-self: auto !important; max-width: 100%; }
}
html[data-pager=big]:is([data-tod=night], [data-variant=nocturne]):not(.pagernight-old) #case-content .project-pagination.project-pagination { background: transparent !important; box-shadow: none !important; border-top: 1px solid color-mix(in srgb, var(--ink) 13%, var(--bg)) !important; }
html[data-accent]:is([data-tod=night], [data-variant=nocturne]):not(.darkdiv-old):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) { --card-hair: rgb(255 255 255 / .16) !important; }
html:not(.inspo-on):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body a[href$="inspiration.html"] { display: none !important; }
@media (prefers-reduced-motion: no-preference) {
  html:not(.btnrise-old):not(#e1):not(#e2):not(#e3):not(#e4) body .career-hero-landscape.hero-words>.strata-cue { mask-image: none !important; -webkit-mask-image: none !important; animation-name: order-rise !important; animation-duration: 600ms !important; animation-timing-function: cubic-bezier(.2,.65,.22,1) !important; animation-fill-mode: backwards !important; }
}
::view-transition-group(site-name-hold) { animation: none; z-index: 51; }
::view-transition-old(site-name-hold), ::view-transition-new(site-name-hold) { animation: none; mix-blend-mode: normal; opacity: 1; }
::view-transition-old(site-name-hold) { z-index: 1; opacity: 0; transition: opacity .3s ease-out; }
html.name-held::view-transition-old(site-name-hold) { opacity: 1; transition: none; }
html:not(.footgap-old) body:has(> .summit-sky):has(main.contact-page) { position: relative; }
html:not(.footgap-old) body:has(main.contact-page) > .mountain-sky.summit-sky { max-height: 100%; }
::view-transition-group(leaving-foot) { animation: none; }
::view-transition-old(leaving-foot) { animation: vt-gone .55s cubic-bezier(.4,0,.2,1) both; mix-blend-mode: normal; }
html.vt-fly::view-transition-old(leaving-foot) { animation-duration: .45s; }
@media (max-width: 1800px) { html:not(.footfold-old) body > main.contact-page { min-height: calc(100svh - 72px); } }
html:not(.btnshape-old) body .hero-copy .hero-work-button { border-radius: 8px; }