/* Portfolio-only additions. All existing page typography and layout are retained. */
.carousel-thumbnails { scrollbar-width: none; -ms-overflow-style: none; }
.carousel-thumbnails::-webkit-scrollbar { display: none; width: 0; height: 0; }
.portfolio-video { max-width: 900px; margin: 0 auto 28px; padding: 14px; border: 1px solid #c9b2d654; border-radius: 18px; background: #211331; box-shadow: 0 15px 35px #190d2940; }
.video-frame { max-width: 290px; margin: 0 auto; position: relative; aspect-ratio: 9 / 16; min-height: 200px; overflow: hidden; border-radius: 10px; background: #211331; }
.video-frame iframe { display: block; width: 100%; height: 100%; position: absolute; inset: 0; border: 0; }
.video-sound { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; padding: 14px; background: transparent; color: #f0e7f5; cursor: pointer; display: flex; align-items: flex-end; justify-content: flex-start; text-align: left; }
.video-sound span { padding: 8px 14px; border: 1px solid #c9b2d68c; border-radius: 24px; background: #32194fec; font-size: 13px; line-height: 1.5; }
.video-sound:disabled { cursor: wait; }
.video-sound:focus-visible { outline-offset: -4px; }
.video-fallback { position: absolute; inset: 0; margin: 0; padding: 24px; background: #211331; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
.video-fallback[hidden],.video-sound[hidden] { display: none; }
@media(max-width:700px) {
  .portfolio-video { padding: 8px; border-radius: 14px; margin-bottom: 22px; }
  .video-frame { border-radius: 8px; }
  .video-sound { padding: 10px; }
}