/* Content artwork and editorial rhythm. Approved scene and identity remain separate. */
@media (prefers-reduced-motion: no-preference) {
  body.ui-rebuild #main .reveal-ready {
    transition: opacity .22s ease-out, transform .22s ease-out;
  }
  body.ui-rebuild #main .reveal-ready:not(.is-visible) {
    opacity: .85;
    transform: translateY(8px);
  }
}
body.ui-rebuild #main .content-visual > svg { width: 100%; height: 100%; }
body.ui-rebuild #main .home-course .content-visual {
  width: 100%; height: auto; aspect-ratio: 2.45; margin: 24px 0 0;
  border: 1px solid #a2c1f12b; border-radius: 6px;
  background: #0814268c; overflow: hidden;
}
body.ui-rebuild #main .home-course-top { margin-bottom: 20px; }
body.ui-rebuild #main .home-course h3 { font-size: clamp(28px, 2.8vw, 35px); }
body.ui-rebuild.home-page #main .writing-feature {
  display: grid; grid-template-columns: minmax(260px,.85fr) minmax(0,1.45fr);
  align-items: center; gap: 44px; padding: 0 0 36px;
}
body.ui-rebuild #main .writing-feature > .content-visual {
  width: 100%; aspect-ratio: 1.2; border: 1px solid #a3c0ec2b;
  background: #09152bba; border-radius: 6px; overflow: hidden;
}
body.ui-rebuild #main .research-copy { min-width: 0; }
body.ui-rebuild #main .research-copy .writing-meta { margin-bottom: 18px; }
body.ui-rebuild #main .research-copy .writing-meta time { margin-left: 0; }
body.ui-rebuild #main .research-copy h3 { margin-bottom: 20px; max-width: 30ch; }
body.ui-rebuild #main .research-copy .writing-summary { gap: 17px; }
body.ui-rebuild #main .home-research-item { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 10px 22px; align-content: start; }
body.ui-rebuild #main .home-research-item > .content-visual { grid-column: 1; grid-row: 1 / 4; width: 100%; aspect-ratio: 1; border: 1px solid #a3c0ec2b; background: #09152bba; border-radius: 4px; overflow: hidden; }
body.ui-rebuild #main .home-research-item > :not(.content-visual) { grid-column: 2; margin: 0; }
body.ui-rebuild.home-page #main .home-research-item h3 .text-link { font-size: 19px; line-height: 1.45; }
body.ui-rebuild #main .home-research-item > p { font-size: 14px; line-height: 1.75; }
body.ui-rebuild #main .home-talk-content { display: block; }
body.ui-rebuild #main .home-talk-copy { display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 64px; min-width: 0; }
body.ui-rebuild #main .home-talk-copy > :not(.home-talk-actions) { grid-column: 1; }
body.ui-rebuild #main .home-talk-actions { grid-column: 2; grid-row: 1 / 4; align-self: center; margin: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
body.ui-rebuild #main .home-talk-actions .button { display: inline-flex; }
body.ui-rebuild:not(.home-page) #main > .course-intro { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.85fr); align-items: center; gap: 48px; }
body.ui-rebuild #main .course-intro-copy { min-width: 0; }
body.ui-rebuild #main .course-intro > .content-visual { width: 100%; aspect-ratio: 1.2; border: 1px solid #adc6ee32; background: #09172a99; border-radius: 6px; overflow: hidden; }
body.ui-rebuild:not(.home-page) #main .course-intro .page-title { font-size: clamp(40px,4.3vw,58px); }
body.ui-rebuild:not(.home-page) #main .course-intro .intro-copy { font-size: 17px; }
body.ui-rebuild:not(.home-page) #main .work-entry { grid-template-columns: 150px minmax(0,1fr) auto; column-gap: 28px; }
body.ui-rebuild:not(.home-page) #main .work-entry > .content-visual { grid-column: 1; grid-row: 1 / 3; width: 150px; aspect-ratio: 1.1; border: 1px solid #abc9ee24; border-radius: 4px; background: #09172a99; overflow: hidden; }
body.ui-rebuild:not(.home-page) #main .work-entry .work-body { grid-column: 2; min-width: 0; }
body.ui-rebuild:not(.home-page) #main .work-entry .work-date { grid-column: 3; }
body.ui-rebuild:not(.home-page) #main .work-entry.editorial-feature { grid-template-columns: 260px minmax(0,1fr); gap: 20px 36px; }
body.ui-rebuild:not(.home-page) #main .work-entry.editorial-feature > .content-visual { width: 100%; grid-row: 1 / 3; align-self: center; }
body.ui-rebuild:not(.home-page) #main .work-entry.editorial-feature .work-date { grid-column: 2; grid-row: 1; }
body.ui-rebuild:not(.home-page) #main .work-entry.editorial-feature .work-body { grid-row: 2; }
body.ui-rebuild:not(.home-page) #main .service-row { grid-template-columns: 44px minmax(0,1fr) auto; gap: 26px; }
body.ui-rebuild:not(.home-page) #main .service-row > .service-icon { width: 40px; height: 40px; color: #a7c5fb; margin-top: 2px; }
body.ui-rebuild:not(.home-page) #main .service-body { max-width: 70ch; }
@media (max-width: 1023px) {
  body.ui-rebuild:not(.home-page) #main > .course-intro { grid-template-columns: minmax(0,1.2fr) minmax(230px,.8fr); gap: 28px; }
  body.ui-rebuild #main .home-research-item { grid-template-columns: 76px minmax(0,1fr); gap: 10px 16px; }
  body.ui-rebuild:not(.home-page) #main .work-entry { grid-template-columns: 108px minmax(0,1fr); }
  body.ui-rebuild:not(.home-page) #main .work-entry > .content-visual { width: 108px; }
  body.ui-rebuild:not(.home-page) #main .work-entry .work-date { grid-column: 2; }
  body.ui-rebuild:not(.home-page) #main .work-entry.editorial-feature { grid-template-columns: 190px minmax(0,1fr); }
  body.ui-rebuild:not(.home-page) #main .service-row { grid-template-columns: 36px minmax(0,1fr); gap: 20px; }
  body.ui-rebuild:not(.home-page) #main .service-row > .text-link { grid-column: 2; }
}
@media (max-width: 699px) {
  body.ui-rebuild #main .home-course .content-visual { aspect-ratio: 1.9; margin-block: 22px 0; }
  body.ui-rebuild.home-page #main .writing-feature { grid-template-columns: 1fr; gap: 26px; }
  body.ui-rebuild #main .writing-feature > .content-visual { aspect-ratio: 1.7; }
  body.ui-rebuild #main .home-research-item { grid-template-columns: 76px minmax(0,1fr); }
  body.ui-rebuild #main .home-research-item > p { grid-column: 1 / -1; }
  body.ui-rebuild #main .home-research-item > .content-visual { grid-row: 1 / 3; }
  body.ui-rebuild.home-page #main .home-research-item h3 .text-link { font-size: 18px; }
  body.ui-rebuild #main .home-talk-copy { grid-template-columns: 1fr; }
  body.ui-rebuild #main .home-talk-actions { grid-column: 1; grid-row: auto; margin-top: 24px; }
  body.ui-rebuild:not(.home-page) #main > .course-intro { grid-template-columns: 1fr; gap: 28px; }
  body.ui-rebuild #main .course-intro > .content-visual { aspect-ratio: 1.8; }
  body.ui-rebuild:not(.home-page) #main .work-entry, body.ui-rebuild:not(.home-page) #main .work-entry.editorial-feature { grid-template-columns: 78px minmax(0,1fr); gap: 14px 18px; }
  body.ui-rebuild:not(.home-page) #main .work-entry > .content-visual, body.ui-rebuild:not(.home-page) #main .work-entry.editorial-feature > .content-visual { grid-row: 1; align-self: start; width: 78px; aspect-ratio: 1; }
  body.ui-rebuild:not(.home-page) #main .work-entry .work-date, body.ui-rebuild:not(.home-page) #main .work-entry.editorial-feature .work-date { grid-column: 2; grid-row: 1; align-self: center; }
  body.ui-rebuild:not(.home-page) #main .work-entry .work-body, body.ui-rebuild:not(.home-page) #main .work-entry.editorial-feature .work-body { grid-column: 1 / -1; grid-row: 2; }
  body.ui-rebuild:not(.home-page) #main .service-row { grid-template-columns: 28px minmax(0,1fr); gap: 15px; }
  body.ui-rebuild:not(.home-page) #main .service-row > .service-icon { width: 28px; height: 28px; margin-top: 2px; }
}