/* Shared screenshot presentations used by compact iterations 02–04. */
.phone-gallery :is(.slide,.carousel-item).mobile-screens.active,
.phone-gallery .carousel-item.mobile-screens:is(.carousel-item-next,.carousel-item-prev),
.photo-gallery :is(.slide,.carousel-item).photo-screens.active,
.photo-gallery .carousel-item.photo-screens:is(.carousel-item-next,.carousel-item-prev),
.postcard-gallery :is(.slide,.carousel-item).postcard-screens.active,
.postcard-gallery .carousel-item.postcard-screens:is(.carousel-item-next,.carousel-item-prev),
.polaroid-gallery :is(.slide,.carousel-item).polaroid-screens.active,
.polaroid-gallery .carousel-item.polaroid-screens:is(.carousel-item-next,.carousel-item-prev){display:flex;align-items:center;justify-content:center}
.phone-gallery :is(.slide,.carousel-item).mobile-screens.active,.phone-gallery .carousel-item.mobile-screens:is(.carousel-item-next,.carousel-item-prev){flex-flow:row nowrap;gap:clamp(10px,2vw,24px);padding:2.5rem 1rem 1rem}
.phone-gallery :is(.slide,.carousel-item).mobile-screens.screens-landscape{flex-direction:column}
.phone-frame{position:relative;z-index:var(--visual-z,1);flex:0 1 210px;width:210px;max-width:27%;aspect-ratio:9/19.5;margin:0;padding:5px;overflow:hidden;border:1px solid rgba(255,255,255,.32);border-radius:clamp(18px,2vw,30px);background:#070909;box-shadow:0 16px 35px rgba(0,0,0,.35);transform:translate(var(--visual-x,0),var(--visual-y,0)) rotate(var(--visual-rotate,0deg)) scale(var(--visual-scale,1));transform-origin:center}
.phone-frame.phone-portrait{flex:none;width:auto;height:min(calc(100% - 3.5rem),440px);max-width:none;max-height:none}.phone-frame.phone-landscape{flex-basis:300px;width:300px;max-width:30%;aspect-ratio:19.5/9}
.phone-frame::after{content:"";position:absolute;top:9px;left:50%;width:28%;height:5px;border-radius:99px;background:#070909;transform:translateX(-50%)}.phone-frame.phone-landscape::after{top:50%;left:9px;width:5px;height:28%;transform:translateY(-50%)}
.screens-landscape .phone-frame{flex:1 1 0;width:auto;height:auto;max-width:80%;max-height:180px;min-height:0}.phone-frame img{width:100%;height:100%;border-radius:inherit;object-fit:contain}

.photo-gallery :is(.slide,.carousel-item).photo-screens.active,.photo-gallery .carousel-item.photo-screens:is(.carousel-item-next,.carousel-item-prev){gap:clamp(12px,3vw,36px);padding:3rem 1.5rem 2rem}
.photo-frame,.postcard-frame,.polaroid-frame{z-index:var(--visual-z,1);margin:0;transform:translate(var(--visual-x,0),var(--visual-y,0)) rotate(var(--visual-rotate,0deg)) scale(var(--visual-scale,1));transform-origin:center}
.photo-frame{width:min(42%,360px);padding:10px 10px 30px;background:#f2eee5;color:#27231f;box-shadow:0 18px 42px rgba(0,0,0,.38)}.photo-frame img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.photo-frame figcaption{padding-top:9px;overflow:hidden;font:11px/1.2 Georgia,serif;text-align:center;text-overflow:ellipsis;white-space:nowrap}

.film-gallery :is(.slide,.carousel-item).film-screens.active,.film-gallery .carousel-item.film-screens:is(.carousel-item-next,.carousel-item-prev){display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem 2rem}.filmstrip-frame{position:relative;width:min(88%,900px);margin:0;padding:25px 12px;background:#080a0b;box-shadow:0 20px 45px rgba(0,0,0,.42)}.filmstrip-frame::before,.filmstrip-frame::after{content:"";position:absolute;left:10px;right:10px;height:8px;background:repeating-linear-gradient(90deg,#d8d4c9 0 9px,transparent 9px 17px)}.filmstrip-frame::before{top:7px}.filmstrip-frame::after{bottom:7px}.filmstrip-track{display:grid;grid-template-columns:repeat(var(--film-count),1fr);gap:6px}.filmstrip-track img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}

.contact-gallery :is(.slide,.carousel-item).contact-screens.active,.contact-gallery .carousel-item.contact-screens:is(.carousel-item-next,.carousel-item-prev){display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem 1.5rem}.contact-sheet-frame{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.5vw,16px);width:min(82%,720px);padding:clamp(12px,2vw,22px);background:#d8d4c9;box-shadow:0 20px 45px rgba(0,0,0,.4)}.contact-cell{min-width:0;margin:0;color:#26231f}.contact-cell img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.contact-cell figcaption{padding-top:5px;overflow:hidden;font:9px/1.2 monospace;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}

.postcard-gallery :is(.slide,.carousel-item).postcard-screens.active,.postcard-gallery .carousel-item.postcard-screens:is(.carousel-item-next,.carousel-item-prev){gap:clamp(12px,3vw,38px);padding:3rem 1.25rem 2rem}.postcard-frame{width:min(40%,350px);padding:10px;background:#eee8dc;color:#29241d;box-shadow:0 20px 44px rgba(0,0,0,.4)}.postcard-frame img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.postcard-frame figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:8px 3px 0;font:10px/1.2 Georgia,serif}.postcard-frame figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.postcard-frame figcaption i{display:grid;flex:0 0 25px;height:25px;place-items:center;border:1px dashed currentColor;border-radius:50%;font:7px monospace}

.polaroid-gallery :is(.slide,.carousel-item).polaroid-screens.active,.polaroid-gallery .carousel-item.polaroid-screens:is(.carousel-item-next,.carousel-item-prev){gap:clamp(8px,2vw,22px);padding:3rem 1rem 2rem}.polaroid-frame{width:min(27%,250px);padding:9px 9px 34px;background:#f4f1e9;color:#29251f;box-shadow:0 18px 40px rgba(0,0,0,.4)}.polaroid-frame img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.polaroid-frame figcaption{padding-top:10px;overflow:hidden;font:italic 11px/1.2 Georgia,serif;text-align:center;text-overflow:ellipsis;white-space:nowrap}