.work-reel-section{background:var(--bg-base);position:relative}.work-reel-stage{flex-direction:column;gap:1.5rem;padding:clamp(3rem,6vw,5rem) 0 clamp(2rem,4vw,3rem);display:flex;overflow:hidden}@media (min-width:900px){.work-reel-stage{--reel-panel-w:min(58vw, 54rem, 92vh);justify-content:center;height:100vh;min-height:40rem}}.work-reel-head{flex-shrink:0;gap:1.25rem;display:grid}@media (min-width:900px){.work-reel-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:2.5rem}}.work-reel-lede{color:var(--text-muted);max-width:34rem;font-size:1.0625rem;line-height:1.7}.work-reel-viewport{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:auto hidden}.work-reel-viewport::-webkit-scrollbar{display:none}@media (min-width:900px){.work-reel-viewport{scroll-snap-type:none;margin-block:-1.5rem;padding-block:2.75rem;overflow:hidden}}.work-reel-track{padding-inline:max(1.25rem, calc((100vw - var(--container-max,78rem)) / 2));will-change:transform;align-items:flex-start;gap:1.5rem;display:flex}@media (min-width:900px){.work-reel-track{padding-inline:calc((100% - var(--reel-panel-w)) / 2);gap:2.5rem}}.work-reel-panel{scroll-snap-align:center;will-change:transform;flex:none;width:min(86vw,30rem)}@media (min-width:900px){.work-reel-panel{width:var(--reel-panel-w)}}.work-reel-link{text-decoration:none;display:block}.work-reel-frame{border-radius:var(--radius-floating);background:var(--mist-gray);position:relative;overflow:hidden;box-shadow:0 0 0 1px #04172b0d,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.work-reel-chrome{border-bottom:1px solid var(--border-light);background:var(--bg-base);align-items:center;gap:.5rem;padding:.6rem .85rem;display:flex}.work-reel-dots{gap:.3rem;display:flex}.work-reel-dots span{background:var(--smoke-gray);border-radius:9999px;width:.45rem;height:.45rem}.work-reel-url{text-overflow:ellipsis;white-space:nowrap;text-align:center;min-width:0;color:var(--ash-gray);flex:1;font-size:.7rem;overflow:hidden}.work-reel-shot{aspect-ratio:16/10;background:var(--mist-gray);position:relative;overflow:hidden}.work-reel-shot img{object-fit:cover;object-position:top;transition:transform .7s cubic-bezier(.22,1,.36,1)}.work-reel-link:hover .work-reel-shot img{transform:scale(1.03)}.work-reel-caption{padding-top:1rem}.work-reel-caption-top{align-items:baseline;gap:.75rem;display:flex}.work-reel-index{letter-spacing:.14em;color:var(--ash-gray);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:600}.work-reel-name{font-family:var(--font-syne), Arial, Helvetica, sans-serif;letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:700;transition:color .25s}.work-reel-link:hover .work-reel-name{color:var(--accent-primary)}.work-reel-action{color:var(--text-primary);white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;margin-left:auto;font-size:.78rem;font-weight:600;display:inline-flex}.work-reel-action svg{width:.9rem;height:.9rem;transition:transform .3s cubic-bezier(.22,1,.36,1)}.work-reel-link:hover .work-reel-action{color:var(--accent-primary)}.work-reel-link:hover .work-reel-action svg{transform:translate(3px,-3px)}.work-reel-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:6px;border-radius:var(--radius-floating)}.work-reel-caption-sub{color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:.3rem .9rem;margin:.35rem 0 0;padding-left:2.1rem;font-size:.8rem;display:flex}.work-reel-metric{border-left:1px solid var(--border-light);color:var(--text-primary);padding-left:.9rem;font-weight:500}.work-reel-foot{z-index:2;flex-shrink:0;align-items:center;gap:1.25rem;display:flex;position:relative}.work-reel-counter{font-family:var(--font-syne), Arial, Helvetica, sans-serif;color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.95rem;font-weight:700}.work-reel-counter-total{color:var(--ash-gray);font-weight:400}.work-reel-progress{background:var(--border-light);border-radius:9999px;flex:1;height:2px;position:relative;overflow:hidden}.work-reel-progress-bar{transform-origin:0;background:var(--accent-primary);position:absolute;inset:0;transform:scaleX(0)}.work-reel-total{color:var(--ash-gray);white-space:nowrap;font-size:.8rem}@media (max-width:899px){.work-reel-progress,.work-reel-counter{display:none}.work-reel-foot{justify-content:center}}@media (prefers-reduced-motion:reduce){.work-reel-shot img,.work-reel-action svg{transition:none}.work-reel-link:hover .work-reel-shot img{transform:none}.work-reel-stage{height:auto}.work-reel-viewport{overflow-x:auto}}