/* Phone layout: one photo per row by default, grouped sets as carousels, a few chosen pairs. Desktop is untouched. */
@media(min-width:481px){
 .m-seq,.m-seq-viewport{display:contents}
 .m-seq-ui{display:none!important}
}
@media(max-width:480px){
 .studio-row:not(.m-keep).layout-pair,.studio-row:not(.m-keep).layout-stagger,.studio-row:not(.m-keep).layout-reverse,.studio-row:not(.m-keep).layout-contact,.studio-row:not(.m-keep).layout-book{grid-template-columns:1fr;gap:6vw;margin:6vw 0}
 .studio-row:not(.m-keep).layout-pair>*,.studio-row:not(.m-keep).layout-stagger>*,.studio-row:not(.m-keep).layout-reverse>*,.studio-row:not(.m-keep).layout-contact>*,.studio-row:not(.m-keep).layout-book>*{width:82%!important;grid-column:auto!important;margin:0 auto!important}
 .studio-row:not(.m-keep)>.arsen-sequence{width:100%!important}
 .m-seq{margin:8vw 0;min-width:0}
 .arsen-photo-row+.m-seq,.m-seq:has(.arsen-photo-row){margin:8vw 4vw}
 .m-seq-viewport{display:flex;width:100%;aspect-ratio:var(--ratio);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
 .m-seq-viewport::-webkit-scrollbar{display:none}
 .m-seq-viewport>.studio-row,.m-seq-viewport>.arsen-photo-row{display:contents}
 .m-seq-viewport>*>*{flex:0 0 100%;width:100%!important;min-width:0;height:100%;margin:0!important;scroll-snap-align:start;scroll-snap-stop:always}
 .m-seq-viewport img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
 .m-seq-viewport:focus-visible{outline:1px solid currentColor;outline-offset:3px}
}
@media(max-width:480px){
 .studio-row:has(>.arsen-sequence:only-child){width:100%!important;margin-left:0!important;margin-right:0!important}
}