Layout and motion

Layout

• Page: wrap 1180px with a 32px gutter (24px on phones). Essays use one read column of 712px with sticky contents at the right.
• Prose outside essays: text-measure 68ch.
• Course home: text on the left with a sticky modules column on the right.
• Bands: they break out to full width with section-gap (96px) above them.

Motion

• Sections fade up once as they enter (600ms opacity, 780ms rise).
• The header tucks away on scroll down and returns on scroll up.
• Cards grow to 1.05 on hover with shadow-lift.
• Nav tags (BETA, NEW) slide in on hover and on the current page.
• The home art plays a 7-second drawn loop, in dark only, while on screen.
• Hairlines glint slowly.
• prefers-reduced-motion turns all of it off. Content is readable before anything moves.

Focus

2px solid accent-ink outline, 2px offset, on every interactive element.