/*Approved Work object studies, scoped to the first three selected projects.
   Keep the review page's exact pixel font under a private family name.
   Compound selectors outrank both the base Work layout and Framer route CSS.*/

@font-face {
  font-family: "Axu Work Pixel";
  src: url("/assets/fonts/6xvpVClQT7SKWyqlm4DCB8L8Y.woff2") format("woff2");
  font-display: swap;
}

.framer-Zfc2C [data-axu-work-project].axu-work-object.project {
  --ink: #212121;
  --paper: #f2e3cf;
  --red: #e35342;
  --muted: #b2aa9e;
  --pixel: "Axu Work Pixel", monospace;
  --hand: "Gochi Hand", cursive;
  width: min(1048px, calc(100% - 72px));
  min-width: 0;
  height: auto;
  overflow: visible;
  justify-content: normal;
  justify-items: normal;
  color: var(--paper);
  font: 400 16px/normal var(--pixel);
  -webkit-font-smoothing: antialiased;
}

.framer-Zfc2C [data-axu-work-project].axu-work-object.project,
.framer-Zfc2C .axu-work-object *,
.framer-Zfc2C .axu-work-object *::before,
.framer-Zfc2C .axu-work-object *::after {
  box-sizing: border-box;
}

.framer-Zfc2C .axu-work-object button,
.framer-Zfc2C .axu-work-object a {
  -webkit-tap-highlight-color: transparent;
}

.framer-Zfc2C .axu-work-object button {
  font: inherit;
  cursor: pointer;
  color: inherit;
}

.framer-Zfc2C .axu-work-object button:focus-visible,
.framer-Zfc2C .axu-work-object a:focus-visible {
  outline: 3px dashed var(--red);
  outline-offset: 6px;
}

.framer-Zfc2C .axu-work-object button:active {
  translate: 0 2px;
}

.framer-Zfc2C .axu-work-object a {
  color: inherit;
  text-decoration: none;
}

.framer-Zfc2C .axu-work-object p,
.framer-Zfc2C .axu-work-object h1,
.framer-Zfc2C .axu-work-object h2,
.framer-Zfc2C .axu-work-object h3 {
  margin: 0;
}

.framer-Zfc2C [data-axu-work-project].axu-work-object.project {
  display: grid;
  grid-template-columns: minmax(0,640px) minmax(200px,280px);
  gap: 36px;
  align-items: center;
  min-height: 800px;
  position: relative;
  padding: 100px 0 70px;
}

.framer-Zfc2C .axu-work-object .object-stage {
  position: relative;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 610px;
}

.framer-Zfc2C .axu-work-object .object-number {
  position: absolute;
  top: -26px;
  left: 16px;
  font-size: 10px;
  color: var(--muted);
  letter-spacing: .6px;
}

.framer-Zfc2C .axu-work-object .project-copy {
  font-family: var(--hand);
  font-size: 23px;
  line-height: 1.2;
  color: var(--red);
  padding-top: 32px;
}

.framer-Zfc2C .axu-work-object .copy-label {
  font-size: 17px;
  margin-bottom: 14px;
}

.framer-Zfc2C .axu-work-object .project-copy h2 {
  font: inherit;
  font-size: 30px;
  line-height: 1.1;
  margin-bottom: 28px;
}

.framer-Zfc2C .axu-work-object .project-copy>p:not(.copy-label) {
  margin-bottom: 28px;
}

.framer-Zfc2C .axu-work-object .project-copy .project-note {
  color: var(--paper);
  font-size: 24px;
  margin-top: 110px;
  transform: rotate(-4deg);
  max-width: 260px;
}

.framer-Zfc2C .axu-work-object .handwritten {
  font-family: var(--hand);
  font-size: 21px;
  line-height: 1.1;
}

.framer-Zfc2C .axu-work-object .object-hint {
  position: absolute;
  pointer-events: none;
  color: var(--paper);
}

.framer-Zfc2C .axu-work-object .device-composition {
  position: relative;
  width: 450px;
  height: 580px;
}

.framer-Zfc2C .axu-work-object .device,
.framer-Zfc2C .axu-work-object .device-backing {
  position: absolute;
  width: 255px;
  height: 459px;
  left: 76px;
  top: 17px;
  transform: rotate(-4deg);
  border-radius: 31px;
}

.framer-Zfc2C .axu-work-object .device-backing {
  background: var(--red);
  translate: 15px 10px;
}

.framer-Zfc2C .axu-work-object .device {
  background: var(--paper);
  color: var(--ink);
  padding: 25px 20px 20px;
  border: 3px solid var(--ink);
  box-shadow: 0 0 0 2px var(--paper);
}

.framer-Zfc2C .axu-work-object .device-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 2px 19px;
  font-size: 13px;
  letter-spacing: 1px;
}

.framer-Zfc2C .axu-work-object .power-dot {
  display: block;
  width: 6px;
  height: 6px;
  background: var(--ink);
  border-radius: 50%;
}

.framer-Zfc2C .axu-work-object .device-screen {
  background: var(--ink);
  color: var(--paper);
  border-radius: 11px;
  padding: 14px 12px 17px;
  min-height: 257px;
  position: relative;
  overflow: hidden;
}

.framer-Zfc2C .axu-work-object .screen-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 8px;
  letter-spacing: 1px;
}

.framer-Zfc2C .axu-work-object .battery {
  width: 18px;
  height: 9px;
  border: 1px solid var(--paper);
  position: relative;
}

.framer-Zfc2C .axu-work-object .battery:before {
  content: "";
  position: absolute;
  inset: 2px;
  background: var(--paper);
}

.framer-Zfc2C .axu-work-object .battery:after {
  content: "";
  position: absolute;
  top: 2px;
  right: -3px;
  width: 2px;
  height: 3px;
  background: var(--paper);
}

.framer-Zfc2C .axu-work-object .robot-face {
  display: flex;
  gap: 27px;
  justify-content: center;
  padding: 39px 0 19px;
}

.framer-Zfc2C .axu-work-object .robot-face span {
  height: 27px;
  width: 18px;
  background: var(--paper);
  box-shadow: 4px 0 0 var(--paper),0 4px 0 var(--paper);
  transition: height .2s,transform .2s;
}

.framer-Zfc2C .axu-work-object .device.is-focused .robot-face span {
  height: 9px;
  transform: translateY(9px);
}

.framer-Zfc2C .axu-work-object .device.is-celebrating .robot-face span {
  transform: rotate(-15deg);
  border-radius: 4px;
}

.framer-Zfc2C .axu-work-object .device.is-celebrating .robot-face span+span {
  transform: rotate(15deg);
}

.framer-Zfc2C .axu-work-object .screen-brand {
  font-size: 29px;
  font-weight: 400;
  display: block;
  text-align: center;
  letter-spacing: -1.8px;
}

.framer-Zfc2C .axu-work-object .screen-task {
  display: block;
  text-align: center;
  font-size: 8px;
  margin-top: 13px;
  line-height: 1.6;
  min-height: 26px;
}

.framer-Zfc2C .axu-work-object .screen-progress {
  display: flex;
  gap: 5px;
  justify-content: center;
  margin-top: 20px;
}

.framer-Zfc2C .axu-work-object .screen-progress i {
  width: 18px;
  height: 5px;
  background: var(--paper);
  opacity: .25;
}

.framer-Zfc2C .axu-work-object .screen-progress i:first-child {
  opacity: 1;
}

.framer-Zfc2C .axu-work-object .device.is-focused .screen-progress i:nth-child(-n+3),
.framer-Zfc2C .axu-work-object .device.is-celebrating .screen-progress i {
  opacity: 1;
}

.framer-Zfc2C .axu-work-object .device-button {
  display: block;
  width: 83px;
  height: 36px;
  border: 2px solid var(--ink);
  background: var(--red);
  border-radius: 18px;
  margin: 23px auto 15px;
  box-shadow: 0 3px 0 var(--ink);
  transition: transform .15s,box-shadow .15s;
}

.framer-Zfc2C .axu-work-object .device-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 0 var(--ink);
}

.framer-Zfc2C .axu-work-object .device-button:active {
  transform: translateY(2px);
  box-shadow: 0 1px 0 var(--ink);
}

.framer-Zfc2C .axu-work-object .device-button span {
  display: block;
  margin: auto;
  width: 20px;
  height: 3px;
  background: var(--ink);
}

.framer-Zfc2C .axu-work-object .device-label {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 6px;
  letter-spacing: .4px;
  margin-top: 19px;
}

.framer-Zfc2C .axu-work-object .usb-port {
  height: 8px;
  width: 35px;
  background: var(--ink);
  border-radius: 4px;
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid #80796f;
}

.framer-Zfc2C .axu-work-object .side-button {
  position: absolute;
  width: 5px;
  background: var(--paper);
  border: 1px solid var(--ink);
  border-radius: 2px;
  right: -6px;
  height: 35px;
}

.framer-Zfc2C .axu-work-object .side-button--one {
  top: 83px;
}

.framer-Zfc2C .axu-work-object .side-button--two {
  top: 131px;
  height: 20px;
}

.framer-Zfc2C .axu-work-object .device-hint {
  left: 10px;
  top: 490px;
  transform: rotate(-6deg);
  font-size: 19px;
}

.framer-Zfc2C .axu-work-object .device-ticket {
  position: absolute;
  right: 1px;
  bottom: 11px;
  transform: rotate(9deg);
  width: 154px;
  background: var(--paper);
  color: var(--ink);
  padding: 15px 13px 13px;
  border-radius: 2px;
  box-shadow: 6px 7px 0 var(--red);
}

.framer-Zfc2C .axu-work-object .device-ticket>span,
.framer-Zfc2C .axu-work-object .device-ticket small {
  font-size: 6px;
}

.framer-Zfc2C .axu-work-object .device-ticket strong {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.35;
  margin: 7px 0;
}

.framer-Zfc2C .axu-work-object .barcode {
  height: 18px;
  width: 80px;
  background: repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 5px,var(--ink) 5px 6px,transparent 6px 8px,var(--ink) 8px 12px,transparent 12px 15px);
  margin: 12px 0 7px;
}

.framer-Zfc2C [data-axu-work-project].axu-work-object.project--learning {
  min-height: 820px;
}

.framer-Zfc2C .axu-work-object .learning-composition {
  position: relative;
  width: 565px;
  height: 540px;
  max-width: 100%;
}

.framer-Zfc2C .axu-work-object .learning-window,
.framer-Zfc2C .axu-work-object .learning-back {
  position: absolute;
  top: 20px;
  left: 4px;
  width: 506px;
  max-width: calc(100% - 25px);
  transform: rotate(-4deg);
  border-radius: 5px;
}

.framer-Zfc2C .axu-work-object .learning-back {
  height: 402px;
  background: var(--red);
  translate: 14px 18px;
}

.framer-Zfc2C .axu-work-object .learning-window {
  background: var(--paper);
  color: var(--ink);
  border: 2px solid var(--ink);
  box-shadow: 0 0 0 1px var(--paper);
}

.framer-Zfc2C .axu-work-object .window-chrome {
  height: 38px;
  border-bottom: 2px solid var(--ink);
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 15px;
  font-size: 8px;
}

.framer-Zfc2C .axu-work-object .window-dots {
  display: flex;
  gap: 5px;
}

.framer-Zfc2C .axu-work-object .window-dots i {
  width: 6px;
  height: 6px;
  border: 1px solid var(--ink);
  border-radius: 50%;
}

.framer-Zfc2C .axu-work-object .window-dots i:first-child {
  background: var(--red);
}

.framer-Zfc2C .axu-work-object .window-corner {
  margin-left: auto;
  font-size: 19px;
}

.framer-Zfc2C .axu-work-object .learning-content {
  padding: 24px;
}

.framer-Zfc2C .axu-work-object .lesson-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.framer-Zfc2C .axu-work-object .micro-label {
  font-size: 8px;
  letter-spacing: .8px;
}

.framer-Zfc2C .axu-work-object .lesson-heading h3 {
  font-size: 29px;
  font-weight: 400;
  letter-spacing: -1px;
  margin-top: 10px;
}

.framer-Zfc2C .axu-work-object .lesson-stamp {
  border: 2px solid var(--red);
  color: var(--red);
  padding: 6px 11px;
  font-size: 9px;
  line-height: 1.3;
  transform: rotate(9deg);
}

.framer-Zfc2C .axu-work-object .learning-divider {
  height: 1px;
  background: var(--ink);
  margin: 18px 0 16px;
}

.framer-Zfc2C .axu-work-object .course-heading {
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  margin-bottom: 13px;
}

.framer-Zfc2C .axu-work-object .lessons {
  display: grid;
  gap: 8px;
}

.framer-Zfc2C .axu-work-object .lesson {
  width: 100%;
  border: 1px solid #21212160;
  display: flex;
  align-items: center;
  gap: 12px;
  background: transparent;
  text-align: left;
  padding: 11px 12px;
  transition: background .18s,transform .18s;
}

.framer-Zfc2C .axu-work-object .lesson:hover {
  transform: translateX(3px);
  background: #e3534210;
}

.framer-Zfc2C .axu-work-object .lesson.is-complete {
  border-color: var(--ink);
}

.framer-Zfc2C .axu-work-object .lesson-check {
  width: 19px;
  height: 19px;
  border: 1px solid var(--ink);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  font-size: 16px;
}

.framer-Zfc2C .axu-work-object .is-complete .lesson-check {
  background: var(--ink);
  color: var(--paper);
}

.framer-Zfc2C .axu-work-object .lesson small {
  font-size: 6px;
  display: block;
  margin-bottom: 4px;
}

.framer-Zfc2C .axu-work-object .lesson strong {
  font-size: 10px;
  font-weight: 400;
  display: block;
}

.framer-Zfc2C .axu-work-object .lesson-arrow {
  margin-left: auto;
  font-size: 16px;
}

.framer-Zfc2C .axu-work-object .lesson-progress {
  height: 5px;
  background: #21212120;
  margin-top: 20px;
}

.framer-Zfc2C .axu-work-object .lesson-progress>span {
  width: 33.333%;
  background: var(--red);
  height: 100%;
  display: block;
  transition: width .25s;
}

.framer-Zfc2C .axu-work-object .learning-foot {
  display: flex;
  justify-content: space-between;
  font-size: 7px;
  margin-top: 10px;
  gap: 12px;
}

.framer-Zfc2C .axu-work-object .sold-ticket {
  position: absolute;
  bottom: 13px;
  right: 0;
  transform: rotate(7deg);
  background: var(--red);
  color: var(--ink);
  padding: 18px 22px 17px;
  width: 183px;
  clip-path: polygon(0 0,100% 0,100% 93%,95% 100%,90% 93%,85% 100%,80% 93%,75% 100%,70% 93%,65% 100%,60% 93%,55% 100%,50% 93%,45% 100%,40% 93%,35% 100%,30% 93%,25% 100%,20% 93%,15% 100%,10% 93%,5% 100%,0 93%);
}

.framer-Zfc2C .axu-work-object .sold-ticket span,
.framer-Zfc2C .axu-work-object .sold-ticket small {
  display: block;
  font-size: 7px;
}

.framer-Zfc2C .axu-work-object .sold-ticket strong {
  display: block;
  font-size: 25px;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: -1px;
  margin: 10px 0;
}

.framer-Zfc2C .axu-work-object .learning-hint {
  left: 30px;
  bottom: 30px;
  transform: rotate(-5deg);
  font-size: 20px;
}

.framer-Zfc2C [data-axu-work-project].axu-work-object.project--learning .project-note {
  margin-top: 85px;
}

@media (min-width:1300px) {
  .framer-Zfc2C [data-axu-work-project].axu-work-object.project {
    gap: 62px;
  }
  .framer-Zfc2C .axu-work-object .device-composition {
    transform: scale(1.07);
  }
  .framer-Zfc2C .axu-work-object .learning-composition {
    transform: scale(1.04);
  }
}

@media (max-width:850px) {
  .framer-Zfc2C [data-axu-work-project].axu-work-object.project {
    width: calc(100% - 48px);
  }
  .framer-Zfc2C [data-axu-work-project].axu-work-object.project {
    gap: 14px;
    grid-template-columns: minmax(0,1fr) 220px;
    padding: 100px 0 60px;
    min-height: 690px;
  }
  .framer-Zfc2C .axu-work-object .project-copy {
    font-size: 21px;
  }
  .framer-Zfc2C .axu-work-object .project-copy h2 {
    font-size: 26px;
  }
  .framer-Zfc2C .axu-work-object .object-stage {
    min-height: 535px;
  }
  .framer-Zfc2C .axu-work-object .device-composition {
    transform: scale(.83);
    transform-origin: center center;
    flex-shrink: 0;
  }
  .framer-Zfc2C .axu-work-object .learning-composition {
    width: 510px;
    max-width: none;
    flex-shrink: 0;
    transform: scale(.73);
    transform-origin: center center;
  }
  .framer-Zfc2C [data-axu-work-project].axu-work-object.project--learning .object-stage {
    min-height: 480px;
  }
  .framer-Zfc2C .axu-work-object .project-copy .project-note {
    margin-top: 65px;
  }
  .framer-Zfc2C .axu-work-object .object-number {
    left: 0;
    top: 0;
    font-size: 8px;
  }
}

@media (max-width:650px) {
  .framer-Zfc2C [data-axu-work-project].axu-work-object.project {
    width: calc(100% - 44px);
  }
  .framer-Zfc2C [data-axu-work-project].axu-work-object.project {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
    padding: 80px 0 50px;
    align-items: stretch;
  }
  .framer-Zfc2C .axu-work-object .object-stage {
    width: 100%;
    min-height: 540px;
    overflow: visible;
  }
  .framer-Zfc2C .axu-work-object .object-number {
    left: 0;
    top: -12px;
    font-size: 8px;
  }
  .framer-Zfc2C .axu-work-object .device-composition {
    transform: scale(.86);
    width: 450px;
    flex-shrink: 0;
  }
  .framer-Zfc2C .axu-work-object .project-copy {
    padding: 10px 12px 0;
    max-width: 380px;
    font-size: 24px;
  }
  .framer-Zfc2C .axu-work-object .project-copy h2 {
    font-size: 31px;
    margin-bottom: 20px;
  }
  .framer-Zfc2C .axu-work-object .copy-label {
    font-size: 17px;
  }
  .framer-Zfc2C .axu-work-object .project-copy>p:not(.copy-label) {
    margin-bottom: 21px;
  }
  .framer-Zfc2C .axu-work-object .project-copy .project-note {
    margin-top: 40px;
    font-size: 23px;
  }
  .framer-Zfc2C [data-axu-work-project].axu-work-object.project--learning {
    padding-top: 70px;
  }
  .framer-Zfc2C [data-axu-work-project].axu-work-object.project--learning .object-stage {
    min-height: 450px;
  }
  .framer-Zfc2C .axu-work-object .learning-composition {
    transform: scale(.7);
    width: 510px;
  }
}

@media (max-width:390px) {
  .framer-Zfc2C .axu-work-object .device-composition {
    transform: scale(.75);
  }
  .framer-Zfc2C .axu-work-object .object-stage {
    min-height: 475px;
  }
  .framer-Zfc2C .axu-work-object .learning-composition {
    transform: scale(.61);
  }
  .framer-Zfc2C [data-axu-work-project].axu-work-object.project--learning .object-stage {
    min-height: 380px;
  }
  .framer-Zfc2C .axu-work-object .project-copy {
    padding-left: 3px;
    padding-right: 3px;
  }
}

.framer-Zfc2C .axu-work-object .learning-back {
  display: none;
}

.framer-Zfc2C .axu-work-object .learning-window {
  box-shadow: 0 0 0 1px var(--paper),14px 18px 0 var(--red);
}

@media (prefers-reduced-motion: reduce) {
  .framer-Zfc2C [data-axu-work-project].axu-work-object.project,
  .framer-Zfc2C .axu-work-object *,
  .framer-Zfc2C .axu-work-object *::before,
  .framer-Zfc2C .axu-work-object *::after {
    transition: none !important;
    animation: none !important;
  }
}

/* Notive v3: approved circular memory medallion and saved fragments. */

.framer-Zfc2C [data-axu-work-project].axu-work-object.project.project--notive {
  width:min(1048px,calc(100% - 160px));
  grid-template-columns: minmax(0,620px) minmax(210px,280px);
  gap:58px;
}

.framer-Zfc2C .axu-work-object.project--notive .object-stage { display:block; min-height:0; }

.framer-Zfc2C .axu-work-object.project--notive .fragment { color:var(--ink); }

.framer-Zfc2C .axu-work-object.project--notive a:hover { text-decoration:underline; text-underline-offset:5px; }

.framer-Zfc2C .axu-work-object.project--notive button:focus-visible, .framer-Zfc2C .axu-work-object.project--notive a:focus-visible { outline:3px dashed var(--paper); outline-offset:7px; }

@media(max-width:1000px) {
 .framer-Zfc2C [data-axu-work-project].axu-work-object.project.project--notive {
   display:flex;flex-direction:column;gap:36px;width:min(546px,calc(100% - 44px));min-height:0;align-items:stretch;
 }
}

@media(max-width:500px) {
 .framer-Zfc2C [data-axu-work-project].axu-work-object.project.project--notive { gap:28px; }
}

.framer-Zfc2C .axu-work-object.project--notive .object-stage{container-type:inline-size;min-width:0;position:relative}

.framer-Zfc2C .axu-work-object.project--notive .memory-composition{width:100%;aspect-ratio:600/620;position:relative;isolation:isolate}

.framer-Zfc2C .axu-work-object.project--notive .memory-cords{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}

.framer-Zfc2C .axu-work-object.project--notive .cord{stroke:var(--paper);stroke-width:2;opacity:.5;transition:stroke .2s,opacity .2s;stroke-linecap:round}

.framer-Zfc2C .axu-work-object.project--notive .cord.is-active{stroke:var(--red);opacity:1;stroke-width:3}

.framer-Zfc2C .axu-work-object.project--notive .memory-medallion{position:absolute;left:22%;top:21%;width:64%;aspect-ratio:1;transform:rotate(-8deg);z-index:2}

.framer-Zfc2C .axu-work-object.project--notive .medallion-face,
.framer-Zfc2C .axu-work-object.project--notive .medallion-backing{position:absolute;inset:0;border-radius:50%}

.framer-Zfc2C .axu-work-object.project--notive .medallion-backing{background:var(--red);transform:translate(2.1cqw,2.1cqw)}

.framer-Zfc2C .axu-work-object.project--notive .medallion-face{background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:0 0 0 1px var(--paper);display:flex;align-items:center;flex-direction:column}

.framer-Zfc2C .axu-work-object.project--notive .medallion-face:before{content:"";position:absolute;inset:2.4cqw;border:1px solid #21212135;border-radius:50%;pointer-events:none}

.framer-Zfc2C .axu-work-object.project--notive .medallion-hole{position:absolute;top:2.7cqw;left:50%;width:1.5cqw;height:1.5cqw;background:var(--ink);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 1px #21212140,0 0 0 .6cqw var(--paper)}

.framer-Zfc2C .axu-work-object.project--notive .medallion-label{font-size:1.55cqw;letter-spacing:.15cqw;margin-top:7.3cqw}

.framer-Zfc2C .axu-work-object.project--notive .brain-art{width:42cqw;height:35cqw;margin-top:-.5cqw;background:var(--ink);mask:url('/axu-work/notive-ai-brain.png') center/contain no-repeat;-webkit-mask:url('/axu-work/notive-ai-brain.png') center/contain no-repeat;transition:transform .24s}

.framer-Zfc2C .axu-work-object.project--notive .memory-composition.is-connecting .brain-art{transform:translateY(-1cqw) rotate(3deg)}

.framer-Zfc2C .axu-work-object.project--notive .medallion-face h3{position:relative;font-size:4.6cqw;font-weight:400;letter-spacing:-.2cqw;line-height:1.3;margin-top:-1.8cqw}

.framer-Zfc2C .axu-work-object.project--notive .medallion-face h3 a{display:inline-block;padding:1cqw .5cqw}

.framer-Zfc2C .axu-work-object.project--notive .medallion-face h3 a:focus-visible{outline-color:var(--red)}

.framer-Zfc2C .axu-work-object.project--notive .link-arrow{display:inline-block;font-size:2.8cqw;vertical-align:top;margin:1cqw 0 0 1cqw}

.framer-Zfc2C .axu-work-object.project--notive .medallion-footer{display:flex;align-items:center;gap:1cqw;font-size:1.05cqw;letter-spacing:.07cqw;margin-top:1.2cqw}

.framer-Zfc2C .axu-work-object.project--notive .status-light{width:.85cqw;height:.85cqw;border-radius:50%;background:var(--red)}

.framer-Zfc2C .axu-work-object.project--notive .rim-tick{position:absolute;width:2.8cqw;height:1px;background:var(--ink);top:50%}

.framer-Zfc2C .axu-work-object.project--notive .rim-tick--one{left:2.4cqw}

.framer-Zfc2C .axu-work-object.project--notive .rim-tick--two{right:2.4cqw}

.framer-Zfc2C .axu-work-object.project--notive .fragment{position:absolute;border:0;padding:0;background:none;color:var(--ink);text-align:left;z-index:3;transition:transform .22s cubic-bezier(.2,.7,.2,1)}

.framer-Zfc2C .axu-work-object.project--notive .fragment-surface{display:flex;position:absolute;inset:0;padding:2.7cqw 2.7cqw 2cqw;flex-direction:column;background:var(--paper)}

.framer-Zfc2C .axu-work-object.project--notive .fragment-topline{display:flex;justify-content:space-between;gap:1cqw;font-size:1.35cqw;line-height:1.2;letter-spacing:.02cqw}

.framer-Zfc2C .axu-work-object.project--notive .selection-mark{width:2cqw;text-align:center;font-size:2cqw;font-family:monospace;line-height:.9}

.framer-Zfc2C .axu-work-object.project--notive .fragment-label{font-size:2.7cqw;letter-spacing:.1cqw;line-height:1.1}

.framer-Zfc2C .axu-work-object.project--notive .fragment-description{font-size:1.05cqw;line-height:1.6;margin-top:1.4cqw}

.framer-Zfc2C .axu-work-object.project--notive .pin-hole{position:absolute;right:1.5cqw;top:1.3cqw;width:.85cqw;height:.85cqw;border-radius:50%;background:var(--ink)}

.framer-Zfc2C .axu-work-object.project--notive .fragment--design{width:29%;height:29%;top:7%;left:4%;transform:rotate(-12deg)}

.framer-Zfc2C .axu-work-object.project--notive .fragment--design .fragment-surface{clip-path:polygon(0 0,83% 0,100% 17%,100% 100%,0 100%)}

.framer-Zfc2C .axu-work-object.project--notive .paper-fold{position:absolute;right:0;top:0;width:5cqw;height:5cqw;background:#cbbda9;clip-path:polygon(0 0,0 100%,100% 100%)}

.framer-Zfc2C .axu-work-object.project--notive .fragment--design .pin-hole{right:7cqw;top:1.3cqw}

.framer-Zfc2C .axu-work-object.project--notive .design-symbol{display:flex;position:relative;align-items:center;width:19cqw;height:10cqw;margin:2.5cqw 0 1.8cqw}

.framer-Zfc2C .axu-work-object.project--notive .design-symbol i{display:block;width:8cqw;height:8cqw;border:1px solid var(--ink)}

.framer-Zfc2C .axu-work-object.project--notive .design-symbol i:first-child{background:var(--red);border-color:var(--red);border-radius:50%}

.framer-Zfc2C .axu-work-object.project--notive .design-symbol i:nth-child(2){margin-left:-2cqw;transform:rotate(45deg)}

.framer-Zfc2C .axu-work-object.project--notive .design-symbol i:nth-child(3){border-width:0 0 1px 1px;width:5cqw;height:5cqw;margin-left:-1cqw;margin-top:-3cqw}

.framer-Zfc2C .axu-work-object.project--notive .fragment--code{width:29%;height:24%;left:2%;top:61%;transform:rotate(9deg)}

.framer-Zfc2C .axu-work-object.project--notive .fragment--code .fragment-surface{background:var(--red);clip-path:polygon(0 0,100% 0,100% 94%,95% 100%,90% 94%,85% 100%,80% 94%,75% 100%,70% 94%,65% 100%,60% 94%,55% 100%,50% 94%,45% 100%,40% 94%,35% 100%,30% 94%,25% 100%,20% 94%,15% 100%,10% 94%,5% 100%,0 94%)}

.framer-Zfc2C .axu-work-object.project--notive .code-symbol{font-size:6.5cqw;line-height:1;margin:2cqw 0 2cqw;letter-spacing:-.6cqw}

.framer-Zfc2C .axu-work-object.project--notive .fragment--code .fragment-description{font-size:1.05cqw;margin-top:1cqw}

.framer-Zfc2C .axu-work-object.project--notive .fragment--ideas{width:18%;height:31%;left:77%;top:4%;transform:rotate(14deg)}

.framer-Zfc2C .axu-work-object.project--notive .fragment--ideas .fragment-surface{padding-top:3cqw;clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%)}

.framer-Zfc2C .axu-work-object.project--notive .spark-symbol{font-family:serif;font-size:8.5cqw;line-height:1;display:block;margin:3cqw 0 2cqw;color:var(--red)}

.framer-Zfc2C .axu-work-object.project--notive .fragment--ideas .fragment-label{font-size:2.3cqw}

.framer-Zfc2C .axu-work-object.project--notive .fragment--ideas .fragment-description{font-size:1.1cqw}

.framer-Zfc2C .axu-work-object.project--notive .fragment--design.is-active{transform:translateY(-1.2cqw) rotate(-9deg)}

.framer-Zfc2C .axu-work-object.project--notive .fragment--code.is-active{transform:translateY(-1.2cqw) rotate(5deg)}

.framer-Zfc2C .axu-work-object.project--notive .fragment--ideas.is-active{transform:translateY(-1.2cqw) rotate(10deg)}

.framer-Zfc2C .axu-work-object.project--notive .fragment:active{translate:0 2px}

@media(hover:hover){.framer-Zfc2C .axu-work-object.project--notive .fragment--design:hover{transform:translateY(-2cqw) rotate(-7deg)}.framer-Zfc2C .axu-work-object.project--notive .fragment--code:hover{transform:translateY(-2cqw) rotate(4deg)}.framer-Zfc2C .axu-work-object.project--notive .fragment--ideas:hover{transform:translateY(-2cqw) rotate(8deg)}}

.framer-Zfc2C .axu-work-object.project--notive .recall-slip{position:absolute;left:43%;top:77%;width:51%;min-height:20%;background:var(--paper);color:var(--ink);padding:2.4cqw 3cqw 2.8cqw;transform:rotate(-4deg);z-index:4;box-shadow:0 -1px 0 #21212155;clip-path:polygon(0 0,100% 0,100% 100%,96% 98%,91% 100%,84% 99%,77% 100%,71% 97%,65% 99%,59% 100%,53% 98%,46% 100%,39% 98%,32% 100%,25% 99%,19% 100%,14% 98%,7% 100%,0 99%)}

.framer-Zfc2C .axu-work-object.project--notive .slip-header{display:flex;justify-content:space-between;gap:1cqw;font-size:1.05cqw;line-height:1.4;border-bottom:1px dashed #21212150;padding-bottom:1.5cqw}

.framer-Zfc2C .axu-work-object.project--notive .slip-header>span:first-child{color:#91392e}

.framer-Zfc2C .axu-work-object.project--notive .recall-slip p{font-size:1.8cqw;line-height:1.6;margin:1.6cqw 0 1.3cqw;white-space:pre-line}

.framer-Zfc2C .axu-work-object.project--notive .slip-footer{display:block;font-size:.9cqw;letter-spacing:.03cqw}

.framer-Zfc2C .axu-work-object.project--notive .object-hint{position:absolute;left:3%;top:91%;font:4cqw/1.1 var(--hand);transform:rotate(-6deg);color:var(--paper)}

.framer-Zfc2C .axu-work-object.project--notive .interaction-hint{font:16px/1.4 var(--hand);color:var(--muted);padding-top:32px;text-align:center}

.framer-Zfc2C .axu-work-object.project--notive .project-copy{font:23px/1.24 var(--hand);color:var(--red);padding:5px 0 30px;position:relative;z-index:5}

.framer-Zfc2C .axu-work-object.project--notive .copy-label{font-size:17px;margin-bottom:17px}

.framer-Zfc2C .axu-work-object.project--notive .project-copy h2{font:32px/1.1 var(--hand);margin-bottom:28px}

.framer-Zfc2C .axu-work-object.project--notive .project-copy h2 span{font-family:monospace;font-size:18px;display:inline-block;margin-left:4px}

.framer-Zfc2C .axu-work-object.project--notive .project-copy>p:not(.copy-label){margin-bottom:28px}

.framer-Zfc2C .axu-work-object.project--notive .project-copy .project-note{color:var(--paper);font-size:24px;margin-top:105px;transform:rotate(-4deg)}

@media(max-width:1000px){.framer-Zfc2C .axu-work-object.project--notive .project-copy{font-size:22px}.framer-Zfc2C .axu-work-object.project--notive .project-copy h2{font-size:30px}.framer-Zfc2C .axu-work-object.project--notive .project-copy .project-note{margin-top:80px;font-size:23px}.framer-Zfc2C .axu-work-object.project--notive .interaction-hint{font-size:15px;padding-top:28px}}

@media(max-width:1000px){.framer-Zfc2C .axu-work-object.project--notive .object-stage{width:100%}.framer-Zfc2C .axu-work-object.project--notive .project-copy{align-self:flex-start;padding-left:20px;max-width:370px;font-size:24px}.framer-Zfc2C .axu-work-object.project--notive .project-copy h2{font-size:34px}.framer-Zfc2C .axu-work-object.project--notive .project-copy .project-note{margin-top:42px}.framer-Zfc2C .axu-work-object.project--notive .interaction-hint{padding-top:30px}.framer-Zfc2C .axu-work-object.project--notive .fragment-topline{font-size:1.7cqw}.framer-Zfc2C .axu-work-object.project--notive .fragment-description,
.framer-Zfc2C .axu-work-object.project--notive .fragment--code .fragment-description,
.framer-Zfc2C .axu-work-object.project--notive .fragment--ideas .fragment-description{display:none}.framer-Zfc2C .axu-work-object.project--notive .fragment-label,
.framer-Zfc2C .axu-work-object.project--notive .fragment--ideas .fragment-label{font-size:3.2cqw}.framer-Zfc2C .axu-work-object.project--notive .design-symbol{margin-bottom:3.5cqw}.framer-Zfc2C .axu-work-object.project--notive .code-symbol{margin-bottom:3cqw}.framer-Zfc2C .axu-work-object.project--notive .medallion-label{font-size:1.8cqw}.framer-Zfc2C .axu-work-object.project--notive .medallion-footer{font-size:1.4cqw}.framer-Zfc2C .axu-work-object.project--notive .slip-header{font-size:1.45cqw}.framer-Zfc2C .axu-work-object.project--notive .recall-slip p{font-size:2.2cqw}.framer-Zfc2C .axu-work-object.project--notive .slip-footer{display:none}.framer-Zfc2C .axu-work-object.project--notive .recall-slip{top:78%;min-height:18%;padding-top:2.8cqw}.framer-Zfc2C .axu-work-object.project--notive .fragment--ideas{height:29%}.framer-Zfc2C .axu-work-object.project--notive .object-hint{font-size:4.5cqw}.framer-Zfc2C .axu-work-object.project--notive .selection-mark{font-size:2.6cqw}}

@media(max-width:370px){.framer-Zfc2C .axu-work-object.project--notive .project-copy{padding-left:10px}}

.framer-Zfc2C .axu-work-object.project--notive .fragment{filter:drop-shadow(1px 1px 0 var(--ink)) drop-shadow(-1px -1px 0 var(--ink))}

.framer-Zfc2C .axu-work-object.project--notive .fragment-topline{padding-right:2cqw}

.framer-Zfc2C .axu-work-object.project--notive .fragment--design .fragment-topline{padding-right:4cqw}

.framer-Zfc2C .axu-work-object.project--notive .recall-slip{border-top:1px solid #21212150}

@media(max-width:500px){.framer-Zfc2C .axu-work-object.project--notive .recall-slip{top:100%;left:9%;width:86%;min-height:0;padding:12px 16px;transform:rotate(-3deg)}.framer-Zfc2C .axu-work-object.project--notive .slip-header{font-size:8px;padding-bottom:7px}.framer-Zfc2C .axu-work-object.project--notive .recall-slip p{font-size:12px;line-height:1.55;margin:9px 0 2px}.framer-Zfc2C .axu-work-object.project--notive .object-hint{top:85%;left:45%;font-size:5cqw}.framer-Zfc2C .axu-work-object.project--notive .interaction-hint{padding-top:130px}}