.scale-production #one {padding-top: 152px; min-height: 0;}
.scale-main {isolation: isolate;}
.scale-production .scale-chapter {z-index: 1;}
.hero-layout {max-width: 680px;}
.hero-copy {min-width: 0;}
.scale-production #one h1 {max-width: none; font-size: clamp(48px, 5.2vw, 78px); line-height: 1.03; letter-spacing: -.045em; margin-bottom: 26px;}
.scale-production #one h1 em {display: block; margin-top: 20px; font-family: inherit; font-size: .67em; line-height: 1.12; font-style: normal; white-space: normal; letter-spacing: -.035em; color: #e5fa83;}
.scale-rework.scale-b.scale-production .hero-copy p.what-it-is {max-width: 610px; margin: 0; padding: 0; background: none; border: 0; font-size: clamp(18px, 1.55vw, 22px); line-height: 1.6; color: #cfd0be;}
.hero-actions {display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 30px;}
.hero-projects {color: #eae9d9; font-size: 14px; text-underline-offset: 6px; min-height: 44px; display: inline-flex; align-items: center; gap: 14px;}
.hero-projects span {color: #e5fa83;}
.scale-production .scale-visual {position: fixed; inset: 0; z-index: 0; width: 100%; height: 100svh; margin: 0; overflow: hidden; opacity: 1; pointer-events: none; transform: none;}
.scale-production .scale-visual canvas {display: block; width: 100%; height: 100%;}
.scale-production .scale-visual::after {content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #11120ffa 0%, #11120ffa 32%, #11120ff2 48%, #11120fe0 66%, #11120f33 80%, #11120f00 90%);}
.motion-utility {position: fixed; top: 20px; right: 16px; z-index: 7; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; color: #cfd0be; background: #11120fbb; font-size: 16px;}
.motion-utility:hover {color: #e5fa83;}
.future-outlook {display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 32px; margin-top: 56px; padding-top: 25px; max-width: 680px; border-top: 1px solid #4d5240; background: none;}
.future-outlook p {margin: 0; color: #c5c9b7; font-size: 17px; line-height: 1.65;}
.future-outlook .outlook-label {font-family: 'Courier New', monospace; font-size: 11px; letter-spacing: .12em; color: #e5fa83; padding-top: 5px;}
.featured-writing {margin-top: 44px;}
#writing {scroll-margin-top: 28px;}
.scale-production .scale-chapter:not(#one) {height: auto; min-height: 0; padding-block: 72px; justify-content: flex-start;}
.scale-production .scale-chapter:not(#one) h2 {max-width: 680px; line-height: 1.04;}
.scale-rework.scale-b.scale-production .scale-chapter > p.what-it-is,
.scale-rework.scale-b.scale-production .scale-chapter > p:not(.what-it-is):not(.project-name) {max-width: 650px; color: #cfd0be; background: none; padding: 0; text-shadow: none;}
a:focus-visible, button:focus-visible {outline: 3px solid #e5fa83; outline-offset: 6px;}
@media (max-width: 1100px) {
  .scale-production .scale-visual::after {background: linear-gradient(90deg, #11120ff7 0%, #11120fe0 42%, #11120fc7 76%, #11120fb3 100%);}
}
@media (max-width: 900px) {
  .scale-production #one h1 {font-size: clamp(42px, 7.5vw, 68px);}
  .future-outlook {grid-template-columns: 1fr; gap: 15px; margin-top: 36px;}
}
@media (max-width: 700px) {
  .scale-production #one {padding-top: 112px;}
  .scale-production #one h1 {font-size: clamp(40px, 10.8vw, 62px); line-height: 1.06;}
  .scale-production #one h1 em {margin-top: 16px; font-size: .7em;}
  .scale-rework.scale-b.scale-production .hero-copy p.what-it-is {font-size: 18px;}
  .hero-actions {gap: 16px; margin-top: 24px;}
  .future-outlook p {font-size: 16px;}
  .scale-production .scale-chapter:not(#one) {padding-block: 48px;}
}