.master-intro { background: var(--cream, #faf6ef); position: relative; isolation: isolate; scroll-margin-top: 30px; }
.master-intro .wrap { padding-block: clamp(56px, 7vw, 96px); }
.master-intro h2 { text-align: center; max-width: 1000px; margin: 0 auto 36px; text-wrap: balance; }
.master-video-frame { position: relative; width: 100%; max-width: 1040px; aspect-ratio: 16 / 9; margin: auto; background: #123f43; border-radius: 16px; overflow: hidden; box-shadow: 0 16px 40px #123f4314; }
.master-video-frame video { display: block; width: 100%; height: 100%; object-fit: contain; }
.master-sound { position: absolute; right: 18px; bottom: 18px; display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid #ffffff70; border-radius: 50%; color: white; background: #123f43d9; cursor: pointer; }
.master-sound:hover { background: #123f43; }
.master-sound:focus-visible { outline: 3px solid white; outline-offset: -6px; }
.master-sound .sound-on, .master-sound[aria-pressed="true"] .sound-off { display: none; }
.master-sound[aria-pressed="true"] .sound-on { display: block; }
body.master-intro-in-view .playful-gecko,
body.master-intro-in-view .playful-gecko *,
body.master-intro-in-view .martial-scene,
body.master-intro-in-view .martial-scene * {
  visibility: hidden !important;
  pointer-events: none !important;
  animation-play-state: paused !important;
}
@media(max-width:700px) { .master-intro h2 { font-size: 28px; line-height: 1.3; margin-bottom: 24px; } .master-video-frame { border-radius: 10px; } .master-sound { right: 10px; bottom: 10px; width: 44px; height: 44px; } }