.ogbuta-video-showcase { margin-block: 64px 24px; }
.ogbuta-video-showcase > h2,.ogbuta-single-video > h2 { margin-bottom: 12px; }
.ogbuta-video-showcase > p,.ogbuta-single-video > p { margin-bottom: 24px; }
.ogbuta-video-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 24px; }
.ogbuta-video-grid article { min-width: 0; }
.ogbuta-video-grid video { display: block; width: 100%; height: auto; aspect-ratio: 9/16; background: #fff; border: 1px solid #dce5f0; border-radius: 12px; }
.ogbuta-video-grid h3 { font-size: 18px; line-height: 1.4; margin: 16px 0; }
.ogbuta-video-grid h3 a { color: inherit; text-underline-offset: 4px; }
.ogbuta-video-grid .ogbuta-button { min-height: 44px; }
.ogbuta-single-video { margin-top: 32px; }
.ogbuta-single-video video { display: block; width: 100%; height: auto; max-height: 480px; background: #fff; aspect-ratio: 9/16; border: 1px solid #dce5f0; border-radius: 12px; }
.ogbuta-video-showcase :focus-visible,.ogbuta-single-video :focus-visible { outline: 3px solid #064c98; outline-offset: 4px; }
@media(max-width: 1000px) { .ogbuta-video-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width: 600px) { .ogbuta-video-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 16px; } .ogbuta-video-grid h3 { font-size: 16px; } .ogbuta-video-showcase { margin-top: 40px; } }
.ogbuta-hero-motion { width: 100%; min-width: 0; }
.ogbuta-hero-motion video { width: 100%; height: auto; display: block; aspect-ratio: 6/5; object-fit: contain; background: #fff; }
.ogbuta-hero-motion__actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px 24px; margin-top: 12px; }
.ogbuta-hero-motion__actions button { font: inherit; color: #064c98; background: #fff; border: 1px solid #064c98; border-radius: 6px; width: 44px; height: 44px; padding: 10px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.ogbuta-hero-motion__actions a { color: #064c98; text-underline-offset: 4px; min-height: 44px; display: inline-flex; align-items: center; }
.ogbuta-hero-motion__actions :focus-visible { outline: 3px solid #064c98; outline-offset: 4px; }
.ogbuta-history-media .ogbuta-product-slideshow { display: grid; grid-template-rows: minmax(0,1fr) auto; inset: 1.5rem; position: absolute; }
.ogbuta-history-media .ogbuta-product-slideshow video { height: 100%; }