.embedded {
  --frame-width: min(1440px, 76vw);
  --frame-height: 740px;
  --deck-offset: 9vw;
  --deck-depth: 72px;
  --radius: 30px;
  --card-gutter: 40px;
  --card-header-height: 88px;
  --title: 42px;
  --surface: #ffffff;
  --surface-depth: 0 16px 32px rgb(22 35 52 / 7%);
  --composer-width: 800px;
  --duration: 480ms;
}
.embedded body { padding-block: 32px 24px; }
.embedded .project-card.is-before,
.embedded .project-card.is-after {
  filter: brightness(.96);
  height: calc(var(--frame-height) - var(--deck-depth));
  transform-origin: top center;
}
.embedded .project-card.is-before {
  transform: translateX(calc(-50% - var(--deck-offset))) translateY(var(--deck-depth)) scaleX(.96);
}
.embedded .project-card.is-after {
  transform: translateX(calc(-50% + var(--deck-offset))) translateY(var(--deck-depth)) scaleX(.96);
}
.embedded .project-navigation { margin-top: var(--s5); }
.embedded .card-wordmark { font: 600 34px/1.15 Georgia, serif; }
.embedded .card-header { padding-block: 24px; }
.embedded .project-content {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  padding-top: 24px;
  padding-bottom: 24px;
  gap: 32px;
}
.embedded .hand-note {
  font: 500 11px/1.5 Geist, Arial, sans-serif;
  color: var(--muted);
  margin-bottom: 20px;
}
.embedded .project-headline { margin-bottom: 20px; }
.embedded .project-summary { font-size: 14px; margin-bottom: 24px; }
.embedded .project-facts div { padding-block: 10px; }
.embedded .project-facts dd { font-size: 13px; }
.embedded .project-note { font-size: 10px; }
.embedded .project-chat { width: 100%; padding-inline: var(--card-gutter); padding-bottom: 28px; }
.embedded .suggestion { border-color: var(--line); color: var(--muted); }
.embedded .suggestion:hover { border-color: var(--muted); color: var(--ink); }
.embedded .composer { border-color: var(--line); padding-left: var(--s5); }
.embedded .composer .prompt-toggle { display: none; }
.embedded .side-project-switch { top: var(--deck-depth); bottom: auto; height: calc(var(--frame-height) - var(--deck-depth)); }
.embedded .side-project-switch.previous { left: 3vw; width: 9vw; }
.embedded .side-project-switch.next { right: 3vw; width: 9vw; }
@media (min-width: 1600px) {
  .embedded { --card-gutter: 56px; --title: 48px; }
}
@media (max-width: 1000px) {
  .embedded { --frame-width: calc(100vw - 112px); --deck-offset: 40px; --card-gutter: 24px; --title: 34px; }
  .embedded .project-content { gap: 24px; }
  .embedded .side-project-switch.previous { left: 12px; width: 40px; }
  .embedded .side-project-switch.next { right: 12px; width: 40px; }
}
@media (max-width: 700px) {
  .embedded { --frame-width: calc(100vw - 32px); --frame-height: auto; --title: 32px; --card-header-height: 68px; --radius: 22px; }
  .embedded body { padding-top: 16px; }
  .embedded .card-wordmark { font-size: 26px; }
  .embedded .card-header { padding-block: 20px; }
  .embedded .project-content { gap: 24px; }
  .embedded .hand-note { margin-bottom: 12px; }
  .embedded .project-chat { padding-bottom: 24px; }
}