.portfolio .pf-edition-bar{top:var(--chrome-offset);z-index:20;background:var(--bg);border-bottom:1px solid var(--line);visibility:hidden;justify-content:flex-end;height:44px;margin-top:-44px;display:flex;position:sticky}.portfolio .pf-edition-bar[data-visible=true]{visibility:visible}.portfolio .pf-edition-end{display:none}.portfolio .pf-edition,.portfolio #edition-index{scroll-margin-top:var(--chrome-height)}@media (max-width:600px){.portfolio .pf-edition-bar{display:none}.portfolio .pf-edition-end{flex-wrap:wrap;grid-column:1/-1;gap:8px 16px;display:flex}.portfolio .pf-edition-end .pf-sequence-next{text-align:left;margin-left:0}.portfolio .pf-edition-end .pf-sequence-return{white-space:nowrap;max-width:none}.portfolio .pf-edition{scroll-margin-top:var(--chrome-height)}}
.film-turntable{--secondary:var(--body);--copper:var(--accent);--raised:var(--bg);--ease:cubic-bezier(.22,.61,.36,1);background:var(--bg);padding-block:64px}.portfolio .film-turntable *{box-sizing:border-box}.portfolio .film-turntable button,.portfolio .film-turntable a{-webkit-tap-highlight-color:transparent}.portfolio .film-turntable button{font:inherit;color:inherit;cursor:pointer}.portfolio .film-turntable button:disabled{cursor:wait}.portfolio .film-turntable a{color:var(--copper)}.portfolio .film-turntable button:focus-visible,.portfolio .film-turntable a:focus-visible,.portfolio .film-turntable video:focus-visible{outline:2px solid var(--copper);outline-offset:6px}.portfolio .film-turntable button:active{opacity:.8}.portfolio .film-turntable [hidden]{display:none!important}.portfolio .film-turntable .intro{padding-top:44px}.portfolio .film-turntable .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin:0 0 12px;font-size:.7rem;font-weight:500}.portfolio .film-turntable .intro h2{letter-spacing:-.03em;margin:0;font-size:clamp(2.3rem,5.4vw,4.75rem);font-weight:450;line-height:1.06}.portfolio .film-turntable .intro h2 span{color:var(--secondary)}.portfolio .film-turntable .intro-copy{color:var(--secondary);margin:24px 0 0;font-size:1rem;line-height:1.65}.portfolio .film-turntable .desktop-break{display:none}.portfolio .film-turntable .experience{margin-top:32px}.portfolio .film-turntable .rack-shell{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}.portfolio .film-turntable .rack-shell>.arrow{z-index:5;position:relative}.portfolio .film-turntable .rack{--card:238px;perspective:1400px;touch-action:pan-y;height:348px;position:relative;overflow-x:clip}.portfolio .film-turntable .poster{width:var(--card);border:1px solid var(--line);background:var(--surface);text-align:left;transform-origin:50%;height:316px;transition:transform .44s var(--ease), opacity .32s var(--ease), border-color .22s var(--ease);opacity:0;pointer-events:none;backface-visibility:hidden;border-radius:2px;padding:0;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%)}.portfolio .film-turntable .poster[data-position=front]{opacity:1;pointer-events:auto;z-index:4;border-color:var(--copper);transform:translate(-50%)}.portfolio .film-turntable .poster[data-position=left]{opacity:.38;z-index:2;transform:translate(-135%)rotateY(32deg)scale(.79)}.portfolio .film-turntable .poster[data-position=right]{opacity:.38;z-index:2;transform:translate(35%)rotateY(-32deg)scale(.79)}.portfolio .film-turntable .poster[data-position=far]{opacity:0;z-index:1;transform:translate(115%)rotateY(-40deg)scale(.65)}.portfolio .film-turntable .poster img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.portfolio .film-turntable .poster-heading,.portfolio .film-turntable .poster-foot{z-index:1;background:var(--surface);position:absolute;left:20px;right:20px}.portfolio .film-turntable .poster-heading{padding-top:20px;padding-bottom:16px;margin-inline:-20px;padding-inline:20px;top:0}.portfolio .film-turntable .poster-number{color:var(--copper);text-transform:uppercase;letter-spacing:.16em;font-size:.6rem;display:block}.portfolio .film-turntable .poster-heading strong{letter-spacing:-.03em;margin-top:8px;font-size:1.3rem;font-weight:450;line-height:1.13;display:block}.portfolio .film-turntable .poster-foot{letter-spacing:.03em;justify-content:space-between;gap:8px;margin-inline:-20px;padding:12px 20px;font-size:.55rem;display:flex;bottom:0}.portfolio .film-turntable .poster-foot span:last-child{color:var(--secondary);white-space:nowrap}.portfolio .film-turntable .turn-controls{justify-content:center;align-items:center;gap:24px;display:flex}.portfolio .film-turntable .arrow{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.portfolio .film-turntable .arrow svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:19px}.portfolio .film-turntable .arrow:hover{color:var(--copper);border-color:var(--copper)}.portfolio .film-turntable .turn-controls p{font-variant-numeric:tabular-nums;color:var(--secondary);margin:0;font-size:.8rem}.portfolio .film-turntable .turn-controls .counter{color:var(--copper)}.portfolio .film-turntable .divider{color:var(--line);padding-inline:6px}.portfolio .film-turntable .turn-hint{display:none}.portfolio .film-turntable .film-index{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.portfolio .film-turntable .film-index button{text-align:left;min-width:0;min-height:72px;color:var(--secondary);background:0 0;border:0;padding:12px 0 18px;position:relative}.portfolio .film-turntable .film-index button span{letter-spacing:.08em;margin-bottom:8px;font-size:.65rem;display:block}.portfolio .film-turntable .film-index strong{overflow-wrap:normal;font-size:.75rem;font-weight:450;line-height:1.2;display:block}.portfolio .film-turntable .film-index small{display:none}.portfolio .film-turntable .film-index button:after{content:"";background:var(--copper);transform-origin:0;height:2px;transition:transform .28s var(--ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.portfolio .film-turntable .film-index button[aria-current=true]{color:var(--text)}.portfolio .film-turntable .film-index button[aria-current=true] span{color:var(--copper)}.portfolio .film-turntable .film-index button[aria-current=true]:after{transform:scaleX(1)}.portfolio .film-turntable .film-index button:hover{color:var(--text)}.portfolio .film-turntable .film-caption{gap:24px;padding-top:32px;display:grid}.portfolio .film-turntable .caption-copy .eyebrow{display:none}.portfolio .film-turntable .caption-copy h3{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:450;line-height:1.2}.portfolio .film-turntable .caption-copy>p:last-child{color:var(--secondary);max-width:59ch;min-height:5em;margin:0;font-size:1rem;line-height:1.65}.portfolio .film-turntable .play{border:1px solid var(--copper);background:var(--copper);min-height:56px;color:var(--bg);text-align:left;width:100%;transition:background .15s var(--ease);border-radius:14px 3px;justify-content:center;align-items:center;gap:12px;padding:14px 20px;display:inline-flex}.portfolio .film-turntable .play svg{fill:currentColor;flex-shrink:0;width:18px;height:18px}.portfolio .film-turntable .play small{white-space:nowrap;margin-left:auto;font-size:.75rem}.portfolio .film-turntable .play-action p{color:var(--secondary);margin:12px 0 0;font-size:.7rem}.portfolio .film-turntable .play-action p span{display:block}.portfolio .film-turntable .play:hover{background:var(--text)}.portfolio .film-turntable .screen{max-width:1120px;margin:0 auto}.portfolio .film-turntable .screen-header{color:var(--secondary);justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:.8rem;display:flex}.portfolio .film-turntable .text-button{border:0;border-bottom:1px solid var(--line);min-height:44px;color:var(--text);background:0 0;padding:8px 0;font-size:.8rem}.portfolio .film-turntable .text-button span{margin-left:12px;font-size:1.3rem}.portfolio .film-turntable .video-mount{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--line)}.portfolio .film-turntable .video-mount video{object-fit:contain;width:100%;height:100%;display:block}.portfolio .film-turntable .player-message{align-items:center;gap:16px;min-height:40px;display:flex}.portfolio .film-turntable .player-message p{color:var(--secondary);margin:8px 0;font-size:.8rem}.portfolio .film-turntable .experience[data-mode=watch] .play-action{display:none}.portfolio .film-turntable .experience[data-mode=watch] .caption-copy>p:last-child{min-height:0}@media (min-width:680px){.portfolio .film-turntable .intro{padding-top:48px;position:relative}.portfolio .film-turntable .intro-copy{width:30%;margin:0;position:absolute;bottom:4px;right:0}.portfolio .film-turntable .desktop-break{display:block}.portfolio .film-turntable .rack{--card:260px;height:370px;overflow:visible}.portfolio .film-turntable .poster{height:340px;left:41%}.portfolio .film-turntable .poster[data-position=left]{opacity:.66;pointer-events:auto;transform:translate(-143%)rotateY(27deg)scale(.77)}.portfolio .film-turntable .poster[data-position=right]{opacity:.66;pointer-events:auto;transform:translate(46%)rotateY(-27deg)scale(.77)}.portfolio .film-turntable .poster[data-position=far]{opacity:.45;pointer-events:auto;transform:translate(117%)rotateY(-38deg)scale(.65)}.portfolio .film-turntable .poster-heading strong{font-size:1.5rem}.portfolio .film-turntable .turn-controls{margin-top:4px}.portfolio .film-turntable .turn-hint{margin-left:24px;display:inline-block}.portfolio .film-turntable .film-index{gap:32px;margin-top:16px}.portfolio .film-turntable .film-index strong{font-size:1rem}.portfolio .film-turntable .film-index small{margin-top:5px;font-size:.75rem;display:block}.portfolio .film-turntable .film-caption{grid-template-columns:1fr auto;align-items:center;gap:48px}.portfolio .film-turntable .play{width:auto;min-width:260px}.portfolio .film-turntable .play small{margin-left:24px}.portfolio .film-turntable .caption-copy>p:last-child{min-height:5em}.portfolio .film-turntable .play-action p{text-align:right}.portfolio .film-turntable .play-action p span{display:inline}}@media (min-width:1050px){.portfolio .film-turntable .rack{--card:300px;height:432px}.portfolio .film-turntable .poster{height:400px;left:42%}.portfolio .film-turntable .poster[data-position=left]{opacity:.7;transform:translate(-160%)rotateY(29deg)scale(.83)}.portfolio .film-turntable .poster[data-position=right]{opacity:.7;transform:translate(61%)rotateY(-29deg)scale(.83)}.portfolio .film-turntable .poster[data-position=far]{opacity:.5;transform:translate(145%)rotateY(-37deg)scale(.71)}.portfolio .film-turntable .poster-heading{padding-top:24px;padding-bottom:20px}.portfolio .film-turntable .poster-heading strong{font-size:1.8rem}.portfolio .film-turntable .poster-number{font-size:.65rem}.portfolio .film-turntable .poster-foot{padding-block:16px;font-size:.6rem}.portfolio .film-turntable .experience{margin-top:36px}.portfolio .film-turntable .film-index,.portfolio .film-turntable .film-caption{width:84%;margin-inline:auto}.portfolio .film-turntable .caption-copy>p:last-child{min-height:3.3em}.portfolio .film-turntable .caption-copy .eyebrow{display:block}}@media (min-width:680px) and (max-width:1049px){.portfolio .film-turntable .rack{--card:clamp(184px, 27vw, 260px);height:calc(var(--card) * 1.34 + 32px)}.portfolio .film-turntable .poster{height:calc(var(--card) * 1.31);left:36%}.portfolio .film-turntable .poster[data-position=far]{transform:translate(107%)rotateY(-38deg)scale(.65)}.portfolio .film-turntable .poster-heading strong{font-size:clamp(1.2rem,2.3vw,1.5rem)}.portfolio .film-turntable .poster-heading{padding-top:16px}}@media (min-width:1050px){.portfolio .film-turntable .rack{--card:min(300px, 22vw);height:calc(var(--card) * 1.34 + 32px)}.portfolio .film-turntable .poster{height:calc(var(--card) * 1.333)}}@media (prefers-reduced-motion:reduce){.portfolio .film-turntable *,.portfolio .film-turntable :before,.portfolio .film-turntable :after{scroll-behavior:auto!important;transition:none!important}.portfolio .film-turntable .poster[data-position=left],.portfolio .film-turntable .poster[data-position=right],.portfolio .film-turntable .poster[data-position=far]{opacity:.5}}.portfolio .film-turntable h2,.portfolio .film-turntable h3,.portfolio .film-turntable .poster-heading strong{font-family:var(--font-display)}.portfolio .film-turntable .eyebrow,.portfolio .film-turntable .poster-number,.portfolio .film-turntable .film-index button>span{font-family:var(--font-mono)}.portfolio .film-turntable .poster-play{display:none}@media (max-width:600px){.portfolio .film-turntable .poster[data-position=left],.portfolio .film-turntable .poster[data-position=right]{pointer-events:auto}.portfolio .film-turntable .poster-play{z-index:3;border:1px solid var(--accent);background:var(--bg);width:32px;height:32px;color:var(--text);pointer-events:none;border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio .film-turntable .rack{--card:clamp(150px, calc(100vw - 200px), 238px);height:calc(var(--card) * 1.333 + 32px)}.portfolio .film-turntable .poster{height:calc(var(--card) * 1.333)}.portfolio .film-turntable .experience{flex-direction:column;display:flex}.portfolio .film-turntable .film-caption{display:contents}.portfolio .film-turntable .play-action{order:1;margin-top:16px}.portfolio .film-turntable .film-index{order:2;margin-top:24px}.portfolio .film-turntable .caption-copy{order:3;margin-top:24px}}
