.project-photo-sequence{background:var(--ink,#08080b);position:absolute;inset:0;overflow:hidden}.project-photo-sequence-images,.project-photo-sequence-images img{width:100%;height:100%;position:absolute;inset:0}.project-photo-sequence-images{z-index:0}.project-photo-sequence-images img{object-fit:cover;opacity:0;transition:opacity .9s;transform:scale(1.015)}.project-photo-sequence-images img.is-active{opacity:1}.project-photo-sequence-images img[data-project-key=floss-dental-roswell]{object-fit:contain;background:var(--ink,#08080b);object-position:right center!important}.project-photo-sequence-caption,.project-photo-sequence-controls{z-index:4;color:var(--project-sequence-fg,#fff);background:color-mix(in srgb, var(--ink,#08080b) 78%, transparent);border:1px solid color-mix(in srgb, var(--project-sequence-fg,#fff) 24%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute;right:clamp(18px,4vw,64px)}.project-photo-sequence-caption{align-items:center;gap:18px;max-width:min(560px,100vw - 36px);padding:12px 14px;display:flex;bottom:32px}.project-photo-sequence-caption>a:first-child{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.project-photo-sequence-caption strong{font-size:13px;line-height:1.25}.project-photo-sequence-caption span{color:color-mix(in srgb, var(--project-sequence-fg,#fff) 70%, transparent);font-size:10px}.project-photo-sequence-library{text-underline-offset:3px;flex:none;font-size:10px;text-decoration:underline}.project-photo-sequence-controls{align-items:center;gap:3px;padding:3px;display:flex;bottom:108px}.project-photo-sequence-controls button{color:inherit;background:0 0}.project-photo-sequence-controls button:hover{background:color-mix(in srgb, var(--project-sequence-fg,#fff) 14%, transparent)}.project-photo-sequence-controls span{text-align:center;min-width:38px;font-size:10px}.project-photo-sequence-selectors{align-items:center;gap:2px;display:flex}.project-photo-sequence-selectors button{width:22px;min-width:22px;height:32px;padding:0}.project-photo-sequence-selectors button>span{background:color-mix(in srgb, var(--project-sequence-fg,#fff) 48%, transparent);border-radius:50%;width:5px;min-width:5px;height:5px;display:block}.project-photo-sequence-selectors button.is-active>span{background:var(--project-sequence-fg,#fff);box-shadow:0 0 0 2px color-mix(in srgb, var(--project-sequence-fg,#fff) 24%, transparent)}@media (width<=760px){.project-photo-sequence-images img[data-project-key=floss-dental-roswell]{object-fit:cover;object-position:58% center!important}.project-photo-sequence-caption{bottom:16px;left:18px;right:18px}.project-photo-sequence-controls{bottom:96px;right:18px}}@media (prefers-reduced-motion:reduce){.project-photo-sequence-images img{transition:none;transform:none}}