@media(max-width:700px){.intro{height:230svh}}
@media(prefers-reduced-motion:reduce){.intro{height:100svh}}
#viewer .project-image-area,.portfolio-image-area{display:block;padding:0 12px;width:100%;min-width:0;flex:0 1 auto;min-height:0;background:transparent}
.swipe-track{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:8px;-webkit-overflow-scrolling:touch}
.swipe-track::-webkit-scrollbar{display:none}
.swipe-slide{flex:0 0 100%;min-width:0;height:min(68dvh,800px);display:flex;align-items:center;justify-content:center;scroll-snap-align:center;scroll-snap-stop:always}
.swipe-slide img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.swipe-track:focus-visible{outline:2px solid #c7938c;outline-offset:-3px}
.project-gallery-controls button:disabled,.viewer-controls button:disabled{opacity:.3;cursor:default}
@media(max-width:700px){#viewer .project-image-area,.portfolio-image-area{padding:0 8px}.swipe-slide{height:calc(80dvh - 155px);min-height:160px}.project-gallery-controls button,.viewer-controls button{min-height:44px}}