.presentation-page .page-hero { padding: 64px 0 36px; }
.presentation-page .page-hero h1 { font-size: clamp(1.6rem, 4vw, 2.6rem); line-height: 1.2; }
.presentation-page .subtitle { max-width: 760px; margin: 16px auto 0; color: #475569; }
.presentation-content { max-width: 1000px; padding-bottom: 64px; }
.presentation-content .video-wrapper { margin: 0; }
.presentation-content video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #0f172a; }
.presentation-description { max-width: 800px; margin: 0 auto; }
.presentation-description h2 { margin: 24px 0 10px; font-size: 1.3rem; color: #0f172a; }
.presentation-description p { margin-bottom: 16px; color: #475569; }
.presentation-description .presentation-note { padding: 18px 20px; background: #f8fafc; border-left: 3px solid #2b7e6b; border-radius: 4px; }
.presentation-page a:focus-visible, .presentation-page video:focus-visible { outline: 3px solid #2b7e6b; outline-offset: 4px; }
.presentation-page + .footer a { text-decoration: underline; }
body:has(.presentation-page) .menu-toggle { border: 0; background: transparent; font: inherit; font-size: 1.5rem; color: #1f5f50; cursor: pointer; }
@media (max-width: 600px) { .presentation-page .page-hero { padding-top: 40px; } .presentation-content { padding-left: 16px; padding-right: 16px; } }