/* Wide Awake uses the established production-case-study layout. */
.wide-awake-page { background: #f5f1e9; }
.wide-awake-page .nuvo-heading h1 span { color: #71523d; }
.wide-awake-page .nuvo-dark { background: #172b3a; }
.wide-awake-page .nuvo-dark .eyebrow { color: #bad4c9; }
.wide-awake-page .nuvo-dark .nuvo-section-intro > p:not(.eyebrow),
.wide-awake-page .nuvo-dark .nuvo-prose,
.wide-awake-page .nuvo-dark .nuvo-production-note p { color: #d1dce1; }
.wide-awake-page .nuvo-result { background: #e7e5da; }
.wide-awake-page .nuvo-motion-grid { grid-template-columns: 1fr 1fr; }
.wide-awake-page .nuvo-edit-map span { color: #71523d; }
@media (max-width: 900px) {
  .wide-awake-page .nuvo-motion-grid { grid-template-columns: 1fr; }
}

.wide-awake-product-motion { max-width: 800px; margin-top: 38px; }
.wide-awake-credit { max-width: 900px; color: #625f6a; font-size: 14px; line-height: 1.65; }

/* Production evidence keeps its own aspect ratio and remains readable. */
.wide-awake-page .wide-awake-board img { object-fit: contain; background: #fff; }
.wide-awake-page .wide-awake-board figcaption a { display: inline-block; text-decoration: underline; text-underline-offset: 3px; margin-left: .3em; }
.wide-awake-spaced { margin-top: 38px; }
.wide-awake-narrow { max-width: 900px; }
.wide-awake-single-motion { max-width: 850px; }
.wide-awake-detail-body { padding: 8px 0 30px; max-width: 1000px; }
.wide-awake-page .nuvo-prompt { background: #e9e6da; border-color: #71523d; color: #292b29; }
.wide-awake-page .nuvo-prompt figcaption { color: #71523d; }
.wide-awake-page .nuvo-prompt > p { color: #57564f; }
.wide-awake-page .nuvo-dark .nuvo-prompt { background: #223a49; color: #f5f1e9; border-color: #bad4c9; }
.wide-awake-page .nuvo-dark .nuvo-prompt figcaption { color: #bad4c9; }
.wide-awake-page .nuvo-dark .nuvo-prompt > p { color: #d1dce1; }
.wide-awake-workflow { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; padding: 30px 0; margin: 38px 0; border-block: 1px solid #cfc9bd; }
.wide-awake-workflow span { font-size: 13px; color: #71523d; }
.wide-awake-workflow h3 { font-size: 19px; letter-spacing: -.025em; margin: 16px 0 10px; }
.wide-awake-workflow p { font-size: 15px; line-height: 1.6; margin: 0; color: #625f6a; }
.wide-awake-audio-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.wide-awake-audio { margin: 0; padding: 26px; background: #e9e6da; border-radius: 6px; display: flex; flex-direction: column; justify-content: space-between; }
.wide-awake-audio h3 { font-size: 21px; line-height: 1.3; letter-spacing: -.025em; margin: 0 0 14px; }
.wide-awake-audio p { font-size: 15px; line-height: 1.65; color: #55534d; margin: 0 0 22px; }
.wide-awake-audio audio { width: 100%; min-width: 0; }
.wide-awake-inputs { overflow-x: auto; margin: 32px 0; }
.wide-awake-inputs table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.65; text-align: left; }
.wide-awake-inputs caption { text-align: left; font-size: 16px; padding: 0 0 18px; }
.wide-awake-inputs th, .wide-awake-inputs td { border-bottom: 1px solid #cfc9bd; padding: 18px 20px 18px 0; vertical-align: top; }
.wide-awake-inputs thead th { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.wide-awake-inputs tbody th { width: 24%; }
.wide-awake-page .nuvo-dark .wide-awake-inputs { color: #d1dce1; }
.wide-awake-page .nuvo-dark .wide-awake-inputs th, .wide-awake-page .nuvo-dark .wide-awake-inputs td { border-color: #4b5e69; }
@media (max-width: 1000px) {
  .wide-awake-audio-grid { grid-template-columns: 1fr; }
  .wide-awake-audio { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; }
  .wide-awake-audio p { margin-bottom: 0; }
}
@media (max-width: 640px) {
  .wide-awake-workflow { grid-template-columns: 1fr 1fr; gap: 28px 22px; }
  .wide-awake-audio { display: block; padding: 23px; }
  .wide-awake-audio p { margin-bottom: 20px; }
  .wide-awake-inputs table { font-size: 13px; }
  .wide-awake-inputs th, .wide-awake-inputs td { padding: 14px 12px 14px 0; overflow-wrap: anywhere; }
  .wide-awake-inputs tbody th { width: auto; }
  .wide-awake-page .nuvo-chapters { gap: 0 18px; }
}
@media (max-width: 640px) {
  .wide-awake-inputs th:first-child, .wide-awake-inputs td:first-child { min-width: 72px; overflow-wrap: normal; }
}
@media (max-width: 640px) {
  .wide-awake-inputs[role="region"] table,
  .wide-awake-inputs[role="region"] caption,
  .wide-awake-inputs[role="region"] tbody,
  .wide-awake-inputs[role="region"] tr,
  .wide-awake-inputs[role="region"] th,
  .wide-awake-inputs[role="region"] td { display: block; width: 100%; }
  .wide-awake-inputs[role="region"] thead { display: none; }
  .wide-awake-inputs[role="region"] tbody tr { border-top: 1px solid #4b5e69; padding: 22px 0; }
  .wide-awake-inputs[role="region"] th,
  .wide-awake-inputs[role="region"] td { border: 0; padding: 0; overflow-wrap: normal; }
  .wide-awake-inputs[role="region"] tbody th { font-size: 18px; margin-bottom: 18px; }
  .wide-awake-inputs[role="region"] td + td { margin-top: 16px; }
  .wide-awake-inputs[role="region"] td::before { display: block; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #bad4c9; margin-bottom: 6px; }
  .wide-awake-inputs[role="region"] td:nth-child(2)::before { content: "Visual inputs"; }
  .wide-awake-inputs[role="region"] td:nth-child(3)::before { content: "Performance direction"; }
}