.horizontal-project{--strip-top:106px;--strip-bottom:146px;background:#101010;height:100svh;min-height:0;position:relative;overflow:hidden}.project-strip-header.shoots-header{z-index:30;background:#101010;grid-template-columns:1fr minmax(0,2fr) 1fr;align-items:start;gap:20px;padding:28px 40px;display:grid;position:absolute;inset:0 0 auto}.strip-project-title{text-align:center;min-width:0}.strip-project-title h1{font:inherit;margin:0}.strip-project-title p{opacity:.5;margin-top:4px}.project-strip-header>button{justify-self:end;min-height:36px}.project-strip{top:var(--strip-top);bottom:var(--strip-bottom);overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pinch-zoom;cursor:grab;outline-offset:-2px;width:100%;position:absolute;left:0;overflow:auto hidden}.project-strip::-webkit-scrollbar{display:none}.project-strip-track{align-items:stretch;gap:0;width:max-content;min-width:100%;height:100%;display:flex;position:relative}.strip-photo{cursor:zoom-in;outline-offset:-3px;background:#1b1b1b;flex:none;width:auto;min-width:0;height:100%;margin:0;padding:0}.strip-photo img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.project-strip.is-dragging,.project-strip.is-dragging .strip-photo{cursor:grabbing}.project-strip.is-dragging *{-webkit-user-select:none;user-select:none}.project-strip-track:has(.strip-photo:only-child){justify-content:center}.project-strip-footer{height:var(--strip-bottom);color:#eee;text-transform:uppercase;background:#101010;padding:8px 40px 0;font-family:Roboto Mono,monospace;font-size:clamp(11px,1.05vw,16px);font-weight:600;line-height:1.25;position:absolute;inset:auto 0 0}.strip-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:42px;display:grid}.strip-controls>:first-child{justify-self:start}.strip-controls>:last-child{justify-self:end}.strip-controls button{min-height:42px}.strip-counter{font-variant-numeric:tabular-nums;text-align:center}.strip-timeline{border-bottom:1px solid #4b4b4b;width:100%;height:48px;position:relative}.strip-markers{pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;inset:15px 0 0}.strip-markers span{background:#555;width:1px;height:12px}.strip-markers span:nth-child(5n+1){background:#777;height:22px}.strip-indicator{left:var(--strip-active);background:var(--primary);pointer-events:none;width:1px;height:40px;transition:left .12s;position:absolute;bottom:-1px;transform:translate(-50%)}.strip-indicator:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:6px solid var(--primary);position:absolute;top:0;left:-4px}.strip-timeline input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.strip-timeline:focus-within{border-bottom-color:var(--primary)}.strip-links{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:46px;display:grid}.strip-links>a:last-child{text-overflow:ellipsis;white-space:nowrap;justify-self:end;max-width:100%;overflow:hidden}.strip-links>a,.strip-arrows button{align-items:center;min-height:44px;display:inline-flex}.strip-arrows{gap:8px;display:flex}.strip-arrows button{justify-content:center;width:36px}.strip-arrows button:disabled{opacity:.25}.project-strip-header a:hover,.project-strip-header button:hover,.project-strip-footer a:hover,.project-strip-footer button:hover{color:var(--primary)}@media (width<=767px){.horizontal-project{--strip-top:100px;--strip-bottom:142px}.project-strip-header.shoots-header{grid-template-columns:42px minmax(0,1fr) auto;gap:12px;padding:18px 16px}.strip-project-title{padding-top:2px}.project-strip-header>button{align-self:start;min-height:44px}.project-strip-footer{padding:4px 16px 0;font-size:12px}.strip-controls{gap:10px}.strip-links{gap:8px}.strip-links>a:last-child{line-height:44px;display:block}.strip-arrows button{width:28px}}@media (height<=550px) and (width>=768px){.horizontal-project{--strip-top:76px;--strip-bottom:112px}.project-strip-header.shoots-header{padding-top:16px;padding-bottom:12px}.strip-timeline{height:28px}.strip-indicator{height:26px}.strip-markers{top:4px}.strip-links{min-height:34px}}@media (prefers-reduced-motion:reduce){.horizontal-project *,.horizontal-project :before,.horizontal-project :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body:has(.horizontal-project) [role=dialog]>button{min-width:44px;min-height:44px}body:has(.horizontal-project) [role=dialog]>button:last-child{background:#101010e8;border:1px solid #555;border-radius:0;place-items:center;display:grid}@media (prefers-reduced-motion:reduce){body:has(.horizontal-project) [data-state=open]{transition:none!important;animation:none!important}}.project-strip-header button,.project-strip-footer button{text-transform:inherit}@media (width<=767px),(pointer:coarse) and (width<=1023px){.horizontal-project{--strip-top:0px;--strip-bottom:184px;height:100dvh}.horizontal-project .project-strip{view-transition-name:none;top:0;bottom:0}.horizontal-project .strip-photo:is([data-active=true],[data-active=true]+*,:has(+[data-active=true])){background-image:var(--strip-preview);background-position:50%;background-size:cover}.horizontal-project .project-strip-header{padding:max(16px,env(safe-area-inset-top)) 16px 24px;text-shadow:0 1px 6px #000;pointer-events:none;background:linear-gradient(#101010dc,#10101088,#0000)}.horizontal-project .project-strip-header>*{pointer-events:auto}.horizontal-project .strip-project-title{pointer-events:none}.horizontal-project .project-strip-footer{height:calc(184px + env(safe-area-inset-bottom));padding:8px 16px max(40px,env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#0000,#101010d9 24%,#101010ed)}.horizontal-project .project-strip-footer :is(button,a,input){pointer-events:auto}.horizontal-project :is(.strip-controls button,.strip-links a,.strip-arrows button,.project-strip-header button){min-width:44px;min-height:44px}.horizontal-project .strip-controls{gap:8px}.horizontal-project .strip-counter{color:#fff;text-shadow:0 1px 4px #000}.horizontal-project .strip-timeline{border-color:#aaa;height:44px}.horizontal-project .strip-markers span{background:#aaa}.horizontal-project .strip-links{grid-template-columns:auto auto minmax(0,1fr);gap:8px}.horizontal-project .strip-links>a:last-child{text-align:right}body:has(.horizontal-project) .project-lightbox{height:100dvh}body:has(.horizontal-project) .project-lightbox>img{object-fit:contain;width:calc(100vw - 16px);max-width:none;height:calc(100dvh - 120px);max-height:none}body:has(.horizontal-project) .project-lightbox>p{bottom:max(48px,env(safe-area-inset-bottom))}}@media (pointer:coarse) and (height<=500px){.horizontal-project{--strip-bottom:144px}.horizontal-project .project-strip-header{padding-top:10px}.horizontal-project .project-strip-footer{height:156px;padding-bottom:8px}}