.legacy-content {
  --p-paper: #f5f3ed;
  --p-white: #fffefa;
  --p-ink: #20211f;
  --p-gray: #62645d;
  --p-line: #cecec5;
  --p-acid: #e4ed67;
  --p-transparent: transparent;
  --p-font-display: "Epilogue", sans-serif;
  --p-font-body: "Inter", sans-serif;
  --p-space-1: 0.25rem;
  --p-space-2: 0.5rem;
  --p-space-3: 0.75rem;
  --p-space-4: 1rem;
  --p-space-5: 1.25rem;
  --p-space-6: 1.5rem;
  --p-space-8: 2rem;
  --p-space-10: 2.5rem;
  --p-space-12: 3rem;
  --p-space-16: 4rem;
  --p-space-20: 5rem;
  --p-space-24: 6rem;
  --p-space-32: 8rem;
  --p-type-xs: 0.6875rem;
  --p-type-sm: 0.8125rem;
  --p-type-base: 1rem;
  --p-type-md: 1.125rem;
  --p-type-lg: 1.5rem;
  --p-type-xl: 2rem;
  --p-type-hero: clamp(3.25rem, 1rem + 10.2vw, 11.5rem);
  --p-type-section: clamp(2.75rem, 1.5rem + 3.8vw, 5rem);
  --p-type-quote: clamp(1.75rem, 1rem + 2vw, 3rem);
  --p-type-lead: clamp(1.25rem, 1rem + 1vw, 1.875rem);
  --p-line-tight: 1.02;
  --p-line-normal: 1.55;
  --p-weight-normal: 400;
  --p-weight-medium: 500;
  --p-weight-bold: 600;
  --p-weight-heavy: 700;
  --p-duration-fast: 180ms;
  --p-duration-slow: 400ms;
  --p-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --p-stroke: 1px;
  --p-focus: 2px;
  --p-radius-none: 0;
  --p-radius-circle: 50%;
  --p-width: 1440px;
  --color-page: var(--p-paper);
  --color-surface: var(--p-white);
  --color-text: var(--p-ink);
  --color-muted: var(--p-gray);
  --color-border: var(--p-line);
  --color-action: var(--p-ink);
  --color-action-inverse: var(--p-paper);
  --color-accent: var(--p-acid);
  --color-clear: var(--p-transparent);
  --font-heading: var(--p-font-display);
  --font-body: var(--p-font-body);
  --space-page: clamp(1.25rem, 4vw, 4rem);
  --space-section: clamp(4.5rem, 8vw, 8rem);
  --type-label: var(--p-type-xs);
  --type-body: var(--p-type-base);
  --type-lead: var(--p-type-lead);
  --type-section: var(--p-type-section);
  --line-body: var(--p-line-normal);
  --focus-width: var(--p-focus);
  --focus-color: var(--color-text);
  --focus-offset: var(--p-space-1);
  --border-width: var(--p-stroke);
  --motion-duration: var(--p-duration-fast);
  --motion-ease: var(--p-ease);
  --nav-height: var(--p-space-24);
  --nav-background: var(--color-page);
  --nav-text: var(--color-text);
  --button-background: var(--color-action);
  --button-foreground: var(--color-action-inverse);
  --button-background-hover: var(--color-accent);
  --button-foreground-hover: var(--color-text);
  --button-height: var(--p-space-12);
  --hero-font: var(--p-type-hero);
  --hero-tracking: -0.075em;
  --hero-leading: 0.99;
  --section-tracking: -0.065em;
  --projector-gap: var(--p-space-10);
  --projector-surface: var(--color-surface);
  --projector-label: var(--color-muted);
  --projector-selection: var(--color-text);
  --service-border: var(--color-border);
  --service-hover: var(--color-surface);
  --footer-background: var(--color-text);
  --footer-text: var(--color-page);
}
@media (max-width: 43.75em) {
  .legacy-content {
    --hero-font: clamp(2.5rem, 0.5rem + 9.8vw, 5rem);
    --nav-height: var(--p-space-20);
    --projector-gap: var(--p-space-6);
  }
}
.legacy-content {
  --panel-open-dur: 400ms;
  --panel-close-dur: 350ms;
  --panel-translate-y: 0.25rem;
  --panel-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --measure-body: 65ch;
  --measure-title: 18ch;
}
.legacy-content * {
  box-sizing: border-box;
}
.legacy-content {
  scroll-behavior: smooth;
  scroll-padding-top: var(--p-space-8);
}
.legacy-content {
  margin: 0px;
  background: var(--color-page);
  color: var(--color-text);
  font: var(--p-weight-normal) var(--type-body) / var(--line-body)
    var(--font-body);
  -webkit-font-smoothing: antialiased;
}
.legacy-content ::selection {
  background: var(--color-accent);
  color: var(--color-text);
}
.legacy-content a {
  color: inherit;
  text-decoration: none;
}
.legacy-content button {
  font: inherit;
  color: inherit;
  border-radius: var(--p-radius-none);
  cursor: pointer;
}
.legacy-content button,
.legacy-content a {
  -webkit-tap-highlight-color: var(--color-clear);
}
.legacy-content button:focus-visible,
.legacy-content a:focus-visible,
.legacy-content summary:focus-visible {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}
.legacy-content button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.legacy-content img {
  display: block;
  max-width: 100%;
}
.legacy-content h1,
.legacy-content h2,
.legacy-content h3,
.legacy-content p,
.legacy-content figure,
.legacy-content blockquote {
  margin: 0px;
}
.legacy-content h1,
.legacy-content h2,
.legacy-content h3 {
  font-family: var(--font-heading);
  font-weight: var(--p-weight-medium);
}
.legacy-content [hidden] {
  display: none !important;
}
.legacy-content .wrap {
  width: min(100%, var(--p-width));
  padding-inline: var(--space-page);
  margin-inline: auto;
}
.legacy-content .section {
  padding-block: var(--space-section);
}
.legacy-content .eyebrow {
  font-size: var(--type-label);
  font-weight: var(--p-weight-medium);
  letter-spacing: 0.085em;
  text-transform: uppercase;
}
.legacy-content .arrow {
  width: var(--p-space-6);
  height: var(--p-space-6);
  flex-shrink: 0;
}
.legacy-content .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0px;
}
.legacy-content .skip-link {
  position: fixed;
  top: var(--p-space-4);
  left: var(--p-space-4);
  padding: var(--p-space-4);
  background: var(--color-accent);
  z-index: 10;
  transform: translateY(-200%);
}
.legacy-content .skip-link:focus {
  transform: translateY(0px);
}
.legacy-content .site-header {
  display: flex;
  align-items: center;
  min-height: var(--nav-height);
  gap: var(--p-space-12);
  border-bottom: var(--border-width) solid var(--color-border);
}
.legacy-content .wordmark {
  display: inline-flex;
  align-items: flex-start;
  font-family: var(--font-heading);
  font-size: var(--p-space-12);
  font-weight: var(--p-weight-heavy);
  line-height: 1;
  letter-spacing: -0.1em;
}
.legacy-content .wordmark > span {
  margin: var(--p-space-1) 0 0 var(--p-space-2);
  font-size: var(--p-type-sm);
  letter-spacing: 0px;
  font-family: var(--font-body);
}
.legacy-content .header-location {
  margin-right: auto;
  font-size: var(--p-type-xs);
  line-height: 1.4;
}
.legacy-content .site-header nav {
  display: flex;
  align-items: center;
  gap: var(--p-space-8);
  font-size: var(--p-type-sm);
}
.legacy-content .site-header nav > a:not(.nav-contact) {
  padding-block: var(--p-space-3);
}
.legacy-content .site-header nav > a:not(.nav-contact):hover {
  text-decoration: underline;
  text-underline-offset: var(--p-space-1);
}
.legacy-content .nav-contact {
  display: inline-flex;
  align-items: center;
  gap: var(--p-space-5);
  min-height: var(--button-height);
  padding: var(--p-space-3) var(--p-space-5);
  color: var(--button-foreground);
  background: var(--button-background);
  transition:
    color var(--motion-duration),
    background var(--motion-duration);
}
.legacy-content .nav-contact .arrow {
  width: var(--p-space-4);
  height: var(--p-space-4);
}
.legacy-content .nav-contact:hover {
  background: var(--button-background-hover);
  color: var(--button-foreground-hover);
}
.legacy-content .menu-toggle {
  display: none;
}
.legacy-content .hero {
  padding-top: var(--p-space-16);
  padding-bottom: var(--p-space-20);
}
.legacy-content .hero-eyebrow {
  display: flex;
  align-items: center;
  gap: var(--p-space-3);
}
.legacy-content .status-dot {
  width: var(--p-space-2);
  height: var(--p-space-2);
  border-radius: var(--p-radius-circle);
  background: var(--color-text);
}
.legacy-content .hero-title-row {
  position: relative;
  margin-top: var(--p-space-10);
}
.legacy-content .hero h1 {
  font-size: var(--hero-font);
  line-height: var(--hero-leading);
  letter-spacing: var(--hero-tracking);
}
.legacy-content .hero-mark {
  position: absolute;
  right: var(--p-space-2);
  top: var(--p-space-2);
  width: clamp(4rem, 9vw, 8rem);
  transform: rotate(12deg);
}
.legacy-content .yam-mark {
  display: block;
  width: 100%;
  height: auto;
}
.legacy-content .hero-mark:hover {
  transform: rotate(102deg);
  transition: transform var(--p-duration-slow) var(--motion-ease);
}
.legacy-content .hero-bottom {
  display: grid;
  grid-template-columns: 0.8fr 1.6fr 1fr;
  align-items: start;
  gap: var(--p-space-12);
  margin-top: var(--p-space-16);
}
.legacy-content .scroll-cue {
  display: flex;
  align-items: center;
  gap: var(--p-space-4);
  font-size: var(--p-type-sm);
}
.legacy-content .scroll-cue > span:first-child {
  display: grid;
  place-items: center;
  width: var(--p-space-12);
  height: var(--p-space-12);
  border: var(--border-width) solid var(--color-text);
  border-radius: var(--p-radius-circle);
  font-size: var(--p-type-lg);
  transition: transform var(--motion-duration);
}
.legacy-content .scroll-cue:hover > span:first-child {
  transform: translateY(var(--p-space-1));
}
.legacy-content .hero-intro {
  font-size: var(--type-lead);
  line-height: 1.35;
  letter-spacing: -0.035em;
}
.legacy-content .hero-detail {
  font-size: var(--p-type-sm);
}
.legacy-content .hero-detail > p {
  margin-bottom: var(--p-space-6);
  color: var(--color-muted);
  max-width: 25ch;
}
.legacy-content .text-link {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--p-space-8);
  padding-block: var(--p-space-2);
  font-size: var(--p-type-sm);
  text-decoration: underline;
  text-underline-offset: 0.5em;
}
.legacy-content .text-link .arrow {
  width: var(--p-space-4);
  height: var(--p-space-4);
  transition: transform var(--motion-duration) var(--motion-ease);
}
.legacy-content .text-link:hover .arrow {
  transform: translate(var(--p-space-1), calc(-1 * var(--p-space-1)));
}
.legacy-content .projects {
  border-top: var(--border-width) solid var(--color-border);
}
.legacy-content .section-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: var(--p-space-10);
  margin-bottom: var(--p-space-12);
}
.legacy-content .section-heading h2 {
  margin-top: var(--p-space-6);
  font-size: var(--type-section);
  line-height: var(--p-line-tight);
  letter-spacing: var(--section-tracking);
}
.legacy-content .section-heading > .text-link {
  flex-shrink: 0;
  margin-bottom: var(--p-space-2);
}
.legacy-content .projector {
  display: grid;
  grid-template-columns: minmax(0px, 1.85fr) minmax(0px, 1fr);
  gap: var(--projector-gap);
}
.legacy-content .projector-stage {
  min-width: 0px;
}
.legacy-content .project-frame {
  animation: project-enter var(--p-duration-slow) var(--motion-ease);
}
.legacy-content .project-image {
  display: block;
  position: relative;
  aspect-ratio: 1.31 / 1;
  overflow: hidden;
  background: var(--project-surface, var(--projector-surface));
}
.legacy-content .project-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--p-duration-slow) var(--motion-ease);
}
.legacy-content .project-image:hover > img {
  transform: scale(1.025);
}
.legacy-content .project-open {
  position: absolute;
  bottom: var(--p-space-6);
  right: var(--p-space-6);
  display: grid;
  place-items: center;
  width: var(--p-space-16);
  height: var(--p-space-16);
  background: var(--color-page);
}
.legacy-content .project-frame figcaption {
  display: flex;
  justify-content: space-between;
  gap: var(--p-space-6);
  margin-top: var(--p-space-5);
  font-size: var(--p-type-sm);
}
.legacy-content .project-frame figcaption > a {
  flex-shrink: 0;
}
.legacy-content .project-frame figcaption > a:hover {
  text-decoration: underline;
}
.legacy-content .projector-index {
  display: flex;
  flex-direction: column;
}
.legacy-content .index-heading {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--p-space-6);
  border-bottom: var(--border-width) solid var(--color-border);
}
.legacy-content .project-counter {
  font-size: var(--p-type-xs);
  font-variant-numeric: tabular-nums;
}
.legacy-content .project-choice {
  width: 100%;
  display: flex;
  align-items: start;
  gap: var(--p-space-4);
  padding: var(--p-space-6) 0;
  background: var(--color-clear);
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-image: none;
  border-bottom: var(--border-width) solid var(--color-border);
  text-align: left;
  color: var(--projector-label);
  transition: color var(--motion-duration);
}
.legacy-content .project-choice:hover,
.legacy-content .project-choice[aria-pressed="true"] {
  color: var(--projector-selection);
}
.legacy-content .project-choice-number {
  font-size: var(--p-type-xs);
  padding-top: var(--p-space-2);
  font-variant-numeric: tabular-nums;
}
.legacy-content .project-choice-copy {
  display: grid;
  gap: var(--p-space-2);
  flex: 1 1 0%;
}
.legacy-content .project-choice-copy strong {
  font-family: var(--font-heading);
  font-weight: var(--p-weight-medium);
  font-size: clamp(1.2rem, 2vw, 1.75rem);
  letter-spacing: -0.045em;
  line-height: 1.2;
}
.legacy-content .project-choice-copy > span {
  font-size: var(--p-type-xs);
  max-width: 32ch;
  line-height: 1.5;
}
.legacy-content .project-choice-arrow {
  font-size: var(--p-type-lg);
  transition: transform var(--motion-duration);
  opacity: 0;
}
.legacy-content .project-choice[aria-pressed="true"] .project-choice-arrow {
  opacity: 1;
}
.legacy-content .project-choice:hover .project-choice-arrow {
  opacity: 1;
  transform: translateX(var(--p-space-1));
}
.legacy-content .project-choice[aria-pressed="true"] strong {
  text-decoration-line: underline;
  text-decoration-style: initial;
  text-decoration-color: initial;
  text-underline-offset: var(--p-space-1);
  text-decoration-thickness: var(--border-width);
}
.legacy-content .projector-controls {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--p-space-4);
  margin-top: auto;
  padding-top: var(--p-space-6);
  font-size: var(--p-type-xs);
}
.legacy-content .projector-controls > div {
  display: flex;
  gap: var(--p-space-2);
}
.legacy-content .projector-controls button {
  width: var(--button-height);
  height: var(--button-height);
  background: var(--color-clear);
  border: var(--border-width) solid var(--color-border);
  font-size: var(--p-type-lg);
  transition: background var(--motion-duration);
}
.legacy-content .projector-controls button:hover {
  background: var(--color-accent);
  border-color: var(--color-accent);
}
.legacy-content .more-work {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--p-space-8);
  margin-top: var(--p-space-20);
}
.legacy-content .work-card-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.5 / 1;
  background: var(--color-surface);
}
.legacy-content .work-card-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--p-duration-slow) var(--motion-ease);
}
.legacy-content .work-card a:hover img {
  transform: scale(1.025);
}
.legacy-content .work-card-arrow {
  position: absolute;
  right: var(--p-space-5);
  bottom: var(--p-space-5);
  display: grid;
  place-items: center;
  width: var(--p-space-12);
  height: var(--p-space-12);
  background: var(--color-page);
}
.legacy-content .work-card-caption {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--p-space-6);
  margin-top: var(--p-space-5);
}
.legacy-content .work-card-caption h3 {
  font-size: var(--p-type-lg);
  letter-spacing: -0.04em;
  flex-shrink: 0;
}
.legacy-content .work-card-caption p {
  font-size: var(--p-type-xs);
  color: var(--color-muted);
  text-align: right;
}
.legacy-content .services {
  background: var(--color-surface);
}
.legacy-content .section-intro {
  font-size: var(--p-type-sm);
}
.legacy-content .service-list {
  border-top: var(--border-width) solid var(--service-border);
}
.legacy-content .service-row {
  display: grid;
  grid-template-columns: 0.25fr 1.2fr 1fr auto;
  align-items: start;
  gap: var(--p-space-6);
  padding-block: var(--p-space-10);
  border-bottom: var(--border-width) solid var(--service-border);
  transition: padding var(--motion-duration) var(--motion-ease);
}
.legacy-content .service-number {
  font-size: var(--p-type-xs);
  padding-top: var(--p-space-2);
}
.legacy-content .service-row h3 {
  font-size: clamp(1.5rem, 2.8vw, 2.5rem);
  line-height: 1.15;
  letter-spacing: -0.055em;
}
.legacy-content .service-description p {
  max-width: 35ch;
  font-size: var(--p-type-sm);
}
.legacy-content .service-description > span {
  display: block;
  margin-top: var(--p-space-3);
  color: var(--color-muted);
  font-size: var(--p-type-xs);
}
.legacy-content .service-row:hover {
  padding-inline: var(--p-space-4);
}
.legacy-content .service-row > .arrow {
  transition: transform var(--motion-duration);
}
.legacy-content .service-row:hover > .arrow {
  transform: rotate(45deg);
}
.legacy-content .duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--p-space-20);
}
.legacy-content .duo h2 {
  font-size: var(--type-section);
  line-height: 1.1;
  letter-spacing: var(--section-tracking);
  margin-top: var(--p-space-6);
}
.legacy-content .duo-sign {
  display: flex;
  align-items: center;
  gap: var(--p-space-8);
  margin-top: var(--p-space-12);
  font-family: var(--font-heading);
  font-size: var(--p-space-20);
  line-height: 1;
  letter-spacing: -0.1em;
}
.legacy-content .duo-sign > span:nth-child(2) {
  font-size: var(--p-type-xl);
  letter-spacing: 0px;
}
.legacy-content .duo-sign > span:first-child {
  transform: rotate(-9deg);
}
.legacy-content .duo-sign > span:last-child {
  transform: rotate(9deg);
}
.legacy-content .duo-copy {
  padding-top: var(--p-space-10);
}
.legacy-content .large-copy {
  font-size: var(--type-lead);
  line-height: 1.45;
  letter-spacing: -0.035em;
}
.legacy-content .duo-copy > p + p {
  margin-top: var(--p-space-6);
  font-size: var(--p-type-sm);
  max-width: 45ch;
}
.legacy-content .duo-copy > .text-link {
  margin-top: var(--p-space-6);
}
.legacy-content .duo-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--p-space-8);
  border-top: var(--border-width) solid var(--color-border);
  padding-top: var(--p-space-8);
  margin-top: var(--p-space-12);
}
.legacy-content .duo-facts > div {
  display: grid;
  gap: var(--p-space-3);
}
.legacy-content .duo-facts strong {
  font-family: var(--font-heading);
  font-size: var(--p-space-12);
  line-height: 1;
  font-weight: var(--p-weight-medium);
  letter-spacing: -0.07em;
}
.legacy-content .duo-facts span {
  font-size: var(--p-type-xs);
}
.legacy-content .quote-section {
  display: grid;
  grid-template-columns: 0.2fr 1fr;
  gap: var(--p-space-8);
  padding-block: var(--p-space-16);
  border-top: var(--border-width) solid var(--color-border);
}
.legacy-content .quote-mark {
  font-family: var(--font-heading);
  font-size: var(--p-space-32);
  line-height: 1;
}
.legacy-content blockquote {
  font-family: var(--font-heading);
  font-size: var(--p-type-quote);
  letter-spacing: -0.055em;
  line-height: 1.2;
  max-width: 31ch;
}
.legacy-content .quote-credit {
  display: flex;
  justify-content: space-between;
  gap: var(--p-space-8);
  margin-top: var(--p-space-8);
  align-items: center;
}
.legacy-content .quote-credit p {
  font-size: var(--p-type-sm);
}
.legacy-content .quote-credit p > span {
  display: block;
  margin-top: var(--p-space-1);
  font-size: var(--p-type-xs);
  color: var(--color-muted);
}
.legacy-content .freemium {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--p-space-8);
  padding-block: var(--p-space-12);
  border-top: var(--border-width) solid var(--color-border);
}
.legacy-content .freemium h2 {
  font-size: clamp(1.5rem, 3.4vw, 3rem);
  letter-spacing: -0.055em;
  line-height: 1.2;
  margin-top: var(--p-space-5);
}
.legacy-content .freemium h2 > span {
  vertical-align: top;
  font-size: var(--p-type-base);
}
.legacy-content .freemium p {
  margin-top: var(--p-space-3);
  font-size: var(--p-type-sm);
}
.legacy-content .round-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--p-space-4);
  min-height: var(--button-height);
  font-size: var(--p-type-sm);
}
.legacy-content .round-link .arrow {
  width: var(--p-space-16);
  height: var(--p-space-16);
  padding: var(--p-space-5);
  border: var(--border-width) solid var(--color-text);
  border-radius: var(--p-radius-circle);
  transition: background var(--motion-duration);
}
.legacy-content .round-link:hover .arrow {
  background: var(--color-accent);
}
.legacy-content .contact-section {
  background: var(--footer-background);
  color: var(--footer-text);
  padding-block: var(--p-space-12);
  --focus-color: var(--color-accent);
}
.legacy-content .contact-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.legacy-content .contact-mark {
  width: var(--p-space-12);
  color: var(--color-accent);
}
.legacy-content .contact-big {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--p-space-8);
  padding-block: var(--p-space-16);
}
.legacy-content .contact-big h2 {
  font-size: clamp(3rem, 8.8vw, 8.75rem);
  line-height: 1.1;
  letter-spacing: -0.075em;
}
.legacy-content .contact-big > .arrow {
  width: clamp(3rem, 7vw, 7rem);
  height: clamp(3rem, 7vw, 7rem);
  color: var(--color-accent);
  transition: transform var(--p-duration-slow) var(--motion-ease);
}
.legacy-content .contact-big:hover > .arrow {
  transform: translate(var(--p-space-2), calc(-1 * var(--p-space-2)));
}
.legacy-content .contact-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--p-space-6);
  border-top: var(--border-width) solid var(--color-muted);
  padding-top: var(--p-space-8);
  font-size: var(--p-type-sm);
}
.legacy-content .contact-bottom a:hover {
  text-decoration: underline;
  text-underline-offset: var(--p-space-1);
}
.legacy-content .site-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--p-space-8);
  padding-block: var(--p-space-10);
}
.legacy-content .site-footer .wordmark {
  font-size: var(--p-space-10);
}
.legacy-content .site-footer > p {
  font-size: var(--p-type-xs);
  margin-right: auto;
}
.legacy-content .site-footer nav {
  display: flex;
  gap: var(--p-space-6);
  font-size: var(--p-type-xs);
}
.legacy-content .site-footer > span {
  font-size: var(--p-type-xs);
  color: var(--color-muted);
}
.legacy-content .site-footer nav a:hover {
  text-decoration: underline;
}
@keyframes project-enter {
  0% {
    opacity: 0.7;
    transform: translateY(var(--p-space-1));
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@media (min-width: 90.625em) {
  .legacy-content .hero-mark {
    right: var(--p-space-6);
  }
}
@media (max-width: 62.5em) {
  .legacy-content .site-header {
    gap: var(--p-space-6);
  }
  .legacy-content .header-location {
    display: none;
  }
  .legacy-content .site-header .wordmark {
    margin-right: auto;
  }
  .legacy-content .site-header nav {
    gap: var(--p-space-6);
  }
  .legacy-content .hero-bottom {
    grid-template-columns: 1.5fr 1fr;
    gap: var(--p-space-10);
  }
  .legacy-content .scroll-cue {
    display: none;
  }
  .legacy-content .projector {
    grid-template-columns: minmax(0px, 1.5fr) minmax(0px, 1fr);
  }
  .legacy-content .project-choice {
    padding-block: var(--p-space-5);
  }
  .legacy-content .project-choice-copy > span {
    font-size: var(--p-type-xs);
  }
  .legacy-content .service-row {
    grid-template-columns: 0.15fr 1fr 1fr auto;
  }
  .legacy-content .duo {
    gap: var(--p-space-10);
  }
  .legacy-content .work-card-caption {
    display: block;
  }
  .legacy-content .work-card-caption p {
    text-align: left;
    margin-top: var(--p-space-2);
  }
}
@media (max-width: 43.75em) {
  .legacy-content .site-header {
    flex-wrap: wrap;
    position: relative;
    gap: 0px;
  }
  .legacy-content .wordmark {
    font-size: var(--p-space-10);
  }
  .legacy-content .menu-toggle {
    display: flex;
    align-items: center;
    gap: var(--p-space-4);
    padding: var(--p-space-3) 0 var(--p-space-3) var(--p-space-4);
    min-height: var(--button-height);
    border: 0px;
    background: var(--color-clear);
    font-size: var(--p-type-sm);
  }
  .legacy-content .menu-toggle > span {
    font-size: var(--p-type-lg);
  }
  .legacy-content .site-header nav {
    width: 100%;
    padding-block: 0 var(--p-space-6);
    flex-direction: column;
    align-items: stretch;
    gap: var(--p-space-2);
  }
  .legacy-content .site-header nav[data-collapsed="true"] {
    display: none;
  }
  .legacy-content .site-header nav > a:not(.nav-contact) {
    padding-block: var(--p-space-3);
  }
  .legacy-content .nav-contact {
    justify-content: space-between;
    margin-top: var(--p-space-3);
  }
  .legacy-content .hero {
    padding-top: var(--p-space-10);
    padding-bottom: var(--p-space-12);
  }
  .legacy-content .hero-title-row {
    margin-top: var(--p-space-10);
  }
  .legacy-content .hero-mark {
    width: var(--p-space-10);
    right: var(--p-space-2);
    top: calc(-1 * var(--p-space-3));
  }
  .legacy-content .hero-bottom {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--p-space-6);
    margin-top: var(--p-space-10);
  }
  .legacy-content .hero-intro {
    max-width: 27ch;
  }
  .legacy-content .hero-detail {
    display: flex;
    align-items: end;
    gap: var(--p-space-6);
    justify-content: space-between;
  }
  .legacy-content .hero-detail > p {
    margin: 0px;
    max-width: 21ch;
    font-size: var(--p-type-xs);
  }
  .legacy-content .hero-detail .text-link {
    font-size: var(--p-type-xs);
    gap: var(--p-space-3);
    flex-shrink: 0;
  }
  .legacy-content .section-heading {
    display: block;
    margin-bottom: var(--p-space-8);
  }
  .legacy-content .section-heading > .text-link,
  .legacy-content .section-intro {
    margin-top: var(--p-space-6);
  }
  .legacy-content .projector {
    grid-template-columns: 1fr;
  }
  .legacy-content .project-image {
    aspect-ratio: 1.2 / 1;
  }
  .legacy-content .project-open {
    width: var(--p-space-12);
    height: var(--p-space-12);
    right: var(--p-space-4);
    bottom: var(--p-space-4);
  }
  .legacy-content .project-frame figcaption {
    font-size: var(--p-type-xs);
  }
  .legacy-content .projector-index {
    margin-top: var(--p-space-2);
  }
  .legacy-content .index-heading {
    padding-bottom: var(--p-space-4);
  }
  .legacy-content .project-choice {
    padding-block: var(--p-space-4);
  }
  .legacy-content .project-choice-copy {
    grid-template-columns: 1fr 1fr;
    gap: var(--p-space-4);
    align-items: center;
  }
  .legacy-content .project-choice-copy strong {
    font-size: var(--p-type-md);
  }
  .legacy-content .project-choice-copy > span {
    max-width: none;
  }
  .legacy-content .project-choice-number {
    padding-top: 0px;
  }
  .legacy-content .project-choice-arrow {
    font-size: var(--p-type-md);
  }
  .legacy-content .projector-controls {
    padding-top: var(--p-space-4);
  }
  .legacy-content .more-work {
    gap: var(--p-space-6);
    margin-top: var(--p-space-12);
  }
  .legacy-content .work-card-image {
    aspect-ratio: 0.9 / 1;
  }
  .legacy-content .work-card-arrow {
    width: var(--p-space-8);
    height: var(--p-space-8);
    bottom: var(--p-space-3);
    right: var(--p-space-3);
  }
  .legacy-content .work-card-arrow .arrow {
    width: var(--p-space-4);
    height: var(--p-space-4);
  }
  .legacy-content .work-card-caption h3 {
    font-size: var(--p-type-md);
  }
  .legacy-content .service-row {
    grid-template-columns: var(--p-space-5) 1fr var(--p-space-6);
    gap: var(--p-space-4);
    padding-block: var(--p-space-6);
  }
  .legacy-content .service-row h3 {
    font-size: var(--p-type-lg);
  }
  .legacy-content .service-description {
    grid-column: 2;
  }
  .legacy-content .service-row > .arrow {
    grid-area: 1 / 3;
  }
  .legacy-content .service-description p {
    max-width: 30ch;
  }
  .legacy-content .duo {
    grid-template-columns: 1fr;
    gap: var(--p-space-8);
  }
  .legacy-content .duo-sign {
    display: none;
  }
  .legacy-content .duo-copy {
    padding-top: 0px;
  }
  .legacy-content .duo-facts {
    margin-top: var(--p-space-8);
  }
  .legacy-content .quote-section {
    grid-template-columns: 1fr;
    gap: var(--p-space-3);
    padding-block: var(--p-space-12);
  }
  .legacy-content .quote-mark {
    font-size: var(--p-space-20);
    height: var(--p-space-10);
  }
  .legacy-content .quote-credit {
    align-items: start;
    flex-direction: column;
    gap: var(--p-space-5);
  }
  .legacy-content .freemium {
    flex-direction: column;
    align-items: start;
  }
  .legacy-content .round-link {
    justify-content: space-between;
    width: 100%;
  }
  .legacy-content .round-link .arrow {
    width: var(--p-space-12);
    height: var(--p-space-12);
    padding: var(--p-space-4);
  }
  .legacy-content .contact-section {
    padding-block: var(--p-space-8);
  }
  .legacy-content .contact-big {
    padding-block: var(--p-space-12);
    gap: var(--p-space-4);
  }
  .legacy-content .contact-mark {
    width: var(--p-space-8);
  }
  .legacy-content .contact-bottom {
    display: grid;
    gap: var(--p-space-4);
    font-size: var(--p-type-sm);
  }
  .legacy-content .site-footer {
    flex-wrap: wrap;
    gap: var(--p-space-6);
  }
  .legacy-content .site-footer > p {
    flex: 1 1 0%;
  }
  .legacy-content .site-footer nav {
    width: 100%;
  }
  .legacy-content .site-footer > span {
    margin-top: calc(-1 * var(--p-space-2));
  }
}
@media (prefers-reduced-motion: reduce) {
  .legacy-content {
    scroll-behavior: auto;
  }
  .legacy-content *,
  .legacy-content ::before,
  .legacy-content ::after {
    animation: auto ease 0s 1 normal none running none !important;
    transition: none !important;
  }
}
.legacy-content h1,
.legacy-content h2,
.legacy-content h3 {
  text-wrap: balance;
  font-kerning: normal;
}
.legacy-content p {
  text-wrap: pretty;
}
.legacy-content .content-page {
  padding-block: var(--space-section);
  min-height: 65vh;
}
.legacy-content .content-page h1 {
  font-size: var(--type-section);
  line-height: 1.06;
  letter-spacing: var(--section-tracking);
  max-width: 18ch;
  margin-block: var(--p-space-8);
}
.legacy-content .prose {
  max-inline-size: 65ch;
  white-space: pre-line;
}
.legacy-content .prose p {
  margin-block: var(--p-space-6);
}
.legacy-content .prose + .more-work {
  margin-top: var(--p-space-12);
}
.legacy-content .project-detail-image {
  width: 100%;
  height: auto;
  margin-block: var(--p-space-10);
}
.legacy-content .project-gallery {
  display: grid;
  gap: var(--p-space-8);
  margin-top: var(--p-space-12);
}
.legacy-content .project-gallery img {
  width: 100%;
  height: auto;
}
.legacy-content .hero h1 > span {
  display: block;
}
.legacy-content .prose {
  overflow-wrap: anywhere;
}
.legacy-content .content-page h1 {
  overflow-wrap: break-word;
}
/* Métier : guides publiés liés à la page. */
.legacy-content .yam-related {
  max-inline-size: 65ch;
  margin-top: var(--p-space-12);
  padding-top: var(--p-space-6);
  border-top: var(--rule-width) solid currentColor;
}
.legacy-content .yam-related h2 {
  margin: 0 0 var(--p-space-4);
  color: var(--color-muted);
  font-family: var(--font-body);
  font-size: var(--type-label);
  font-weight: var(--weight-regular);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}
.legacy-content .yam-related ul {
  display: grid;
  gap: var(--p-space-6);
  margin: 0;
  padding: 0;
  list-style: none;
}
.legacy-content .yam-related a {
  font-family: var(--font-heading);
  font-size: var(--type-subtitle);
  line-height: var(--leading-title);
  text-underline-offset: 0.2em;
}
.legacy-content .yam-related p {
  margin: var(--p-space-2) 0 0;
  color: var(--color-muted);
}
/* Pages Yam (mentions légales) : intertitres saisis avec « ## ». */
.legacy-content .prose h2 {
  margin-block: var(--space-part) var(--size-12);
  font-family: var(--font-heading);
  font-size: var(--type-subtitle);
  font-weight: var(--weight-regular);
  line-height: var(--leading-title);
  white-space: normal;
}