* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; width: 100%; min-height: 100%; background: #fff; }
html { scroll-snap-type: y mandatory; scroll-behavior: smooth; }
body { overflow-x: hidden; }
#portfolio { width: 100%; margin: 0; padding: 0; }
.portfolio-page {
  position: relative;
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  background: #fff;
  scroll-snap-align: start;
}
.portfolio-page iframe {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1920px;
  height: 1080px;
  border: 0;
  display: block;
  transform-origin: center center;
  transform: translate(-50%, -50%);
}
.portfolio-page iframe[data-full-page-video="true"] {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: none;
}
@media (prefers-reduced-motion: reduce) { body { scroll-behavior: auto; } }