.work-reel{--work-0:64fr;--work-1:18fr;--work-2:18fr;--work-progress:0;background:var(--surface-0);height:240svh}.work-reel-stage{flex-direction:column;height:100svh;min-height:520px;padding:100px 4vw 28px;display:flex;position:sticky;top:0;overflow:hidden}.work-reel-top{justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px;display:flex}.work-reel-top h2{letter-spacing:-.055em;font-size:clamp(40px,6vw,100px);font-weight:400;line-height:.95}.work-reel-top>a{align-items:center;gap:35px;min-height:44px;font-size:11px;display:flex}.work-reel-top svg{width:16px}.work-reel-track{grid-template-columns:minmax(0,var(--work-0)) minmax(0,var(--work-1)) minmax(0,var(--work-2));flex:1;gap:12px;min-height:0;display:grid}.work-reel-card{outline-offset:4px;flex-direction:column;min-width:0;display:flex}.work-reel-image{background:var(--surface-1);flex:1;min-height:0;position:relative;overflow:hidden}.work-reel-image img{object-fit:cover;object-position:center}.work-reel-number{color:#e5d9c7;background:#382d25;padding:9px 10px;font-size:10px;line-height:1;position:absolute;top:14px;left:14px}.work-reel-caption{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-height:52px;display:flex}.work-reel-caption h3{letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(11px,1.2vw,20px);font-weight:400;overflow:hidden}.work-reel-caption svg{flex-shrink:0;width:14px;height:14px}.work-reel-bottom{justify-content:space-between;align-items:center;gap:24px;min-height:44px;margin-top:16px;font-size:10px;display:flex}.work-reel-bottom>p{min-width:160px}.work-reel-position{background:var(--border);flex:1;max-width:240px;height:1px;overflow:hidden}.work-reel-position>span{height:1px;transform:scaleX(var(--work-progress));transform-origin:0;background:currentColor;display:block}.work-reel-select{gap:10px;display:flex}.work-reel-select button{min-width:44px;min-height:44px;color:var(--text-muted);cursor:pointer;border-top:1px solid #0000}.work-reel-select button[aria-pressed=true]{color:var(--text-primary);border-color:currentColor}.work-reel-continue{align-items:center;gap:35px;min-height:44px;display:flex}@media (max-width:700px){.work-reel-stage{min-height:0;padding:96px 6vw 20px}.work-reel-top{align-items:center;margin-bottom:24px}.work-reel-top h2{max-width:65%;font-size:10vw}.work-reel-top>a{gap:10px;font-size:9px}.work-reel-track{grid-template-columns:1fr;grid-template-rows:minmax(0,var(--work-0)) minmax(0,var(--work-1)) minmax(0,var(--work-2));gap:7px}.work-reel-card{position:relative}.work-reel-number{padding:7px;font-size:9px;top:10px;left:10px}.work-reel-caption{color:#fff;mix-blend-mode:difference;pointer-events:none;border:0;height:36px;min-height:0;padding:10px;position:absolute;top:0;left:44px;right:0}.work-reel-caption h3{font-size:12px}.work-reel-caption svg{width:12px}.work-reel-bottom{flex-wrap:wrap;gap:8px;margin-top:15px;font-size:9px}.work-reel-bottom>p{flex:1;min-width:0}.work-reel-position{display:none}.work-reel-select{gap:0}.work-reel-select button{min-width:44px}.work-reel-continue{display:none}}@media (prefers-reduced-motion:reduce){.work-reel{height:auto}.work-reel-stage{height:auto;min-height:0;position:relative;overflow:visible}.work-reel-track{grid-template-rows:auto;grid-template-columns:1fr;gap:35px;display:grid}.work-reel-image{flex:auto;height:60vw;min-height:300px}.work-reel-caption{color:inherit;mix-blend-mode:normal;height:auto;min-height:44px;padding:0;position:relative;inset:auto}.work-reel-select,.work-reel-position,.work-reel-bottom>p{display:none}}@media (max-height:520px) and (min-width:701px){.work-reel{height:auto}.work-reel-stage{height:auto;min-height:0;padding:85px 4vw 30px;position:relative;overflow:visible}.work-reel-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.work-reel-image{flex:auto;height:38vw}.work-reel-select,.work-reel-position,.work-reel-bottom>p{display:none}}