@font-face{font-family:"Vick Film Serif";src:url(/film-assets/fonts/jizBRFtNs2ka5fXjeivQ4LroWlx-2zcZj1bIkNo.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}.film-shell{color-scheme:dark;--paper:#f9f6ef;--olive:#1a1c10;--pink:#ff67c5;--edge:24px;--row-height:104px;position:relative;width:100%;min-height:100vh;min-height:100dvh;color:var(--paper);background:var(--olive);font:400 16px/1.2 "Vick Film Serif",Georgia,serif}.film-shell *{box-sizing:border-box}.film-shell a,.film-shell button{-webkit-tap-highlight-color:transparent}.film-shell button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}.film-shell a{color:inherit;text-decoration:none}.film-shell [tabindex],.film-shell a,.film-shell button,.film-shell video{outline-offset:6px}.film-shell :focus-visible{outline:2px solid var(--pink)}.film-shell a:focus:not(:focus-visible),.film-shell button:focus:not(:focus-visible){outline:none}.film-shell ::selection{color:var(--olive);background:var(--pink)}.film-shell h1,.film-shell h2,.film-shell p{margin:0;font-weight:400;font-family:inherit;font-feature-settings:normal;font-synthesis:none;letter-spacing:normal}.film-shell .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.film-shell .viewport-page{position:relative;isolation:isolate;width:100%;height:100vh;height:100dvh;overflow:hidden}.film-shell .site-header{position:absolute;z-index:5;inset:0 0 auto;display:grid;height:auto;grid-template-columns:1fr auto 1fr;align-items:flex-start;padding:max(var(--edge),env(safe-area-inset-top)) var(--edge) 0;pointer-events:none}.film-shell .site-header a{pointer-events:auto}.film-shell .header-left{justify-self:start}.film-shell .header-right{justify-self:end}.film-shell .nav-link{font-size:20px;line-height:1.1}.film-shell .nav-link:hover{color:var(--pink)}.film-shell .corner-link{display:block;min-height:44px;padding:14px 16px;position:relative}.film-shell .corner-link:before{content:"";position:absolute;top:0;width:80px;height:40px;border-top:1px solid;pointer-events:none}.film-shell .header-left .corner-link:before{left:0;border-left:1px solid}.film-shell .header-right .corner-link:before{right:0;border-right:1px solid}.film-shell .site-logo{display:block}.film-shell .site-logo img{display:block;object-fit:contain}.film-shell .film-brand{display:flex;flex-direction:column;align-items:center}.film-shell .portfolio-switch{display:flex;justify-content:center;align-items:center;gap:5px;font-size:12px;line-height:1;letter-spacing:.02em}.film-shell .portfolio-switch a{display:grid;place-items:center;min-width:36px;min-height:28px;opacity:.7}.film-shell .portfolio-switch a[aria-current=page]{opacity:1;text-decoration:underline;text-underline-offset:3px}.film-shell .portfolio-switch a:hover{opacity:1}.film-shell .portfolio-switch>span{opacity:.45}.film-shell .site-footer{position:absolute;z-index:3;bottom:max(var(--edge),env(safe-area-inset-bottom));left:var(--edge);right:var(--edge);display:flex;justify-content:space-between;align-items:flex-end;font-size:14px;line-height:1.2;pointer-events:none}.film-shell .site-footer a{pointer-events:auto}.film-shell .site-footer:after,.film-shell .site-footer:before{content:"";position:absolute;bottom:0;height:40px;width:80px;border-bottom:1px solid}.film-shell .site-footer:before{left:0;border-left:1px solid}.film-shell .site-footer:after{right:0;border-right:1px solid}.film-shell .site-footer>*{padding:14px 16px}.film-shell .portfolio{color:var(--pink);background:var(--olive) url(/film-assets/images/vick-bg-pattern.png) repeat;background-size:512px auto}.film-shell .portfolio-shade,.film-shell .portfolio-video{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.film-shell .portfolio-video{z-index:-3;object-fit:cover}.film-shell .video-surface{overflow:hidden}.film-shell .video-surface>video{display:block}.film-shell .video-mirror,.film-shell .video-surface>video{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}.film-shell .video-mirror{display:none;background-position:50%;background-size:cover;pointer-events:none}.film-shell .video-surface>video:-webkit-full-screen{object-fit:contain}.film-shell .video-surface>video:fullscreen{object-fit:contain}.film-shell .portfolio-shade{z-index:-2;background:rgba(0,0,0,.48)}.film-shell .portfolio--grid .portfolio-shade{background:rgba(0,0,0,.15)}.film-shell .project-list-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;scroll-snap-type:y proximity;touch-action:pan-y;-webkit-mask-image:linear-gradient(180deg,transparent 8%,#000 22%,#000 68%,transparent 88%);mask-image:linear-gradient(180deg,transparent 8%,#000 22%,#000 68%,transparent 88%)}.film-shell .project-grid-scroll::-webkit-scrollbar,.film-shell .project-list-scroll::-webkit-scrollbar{display:none}.film-shell .project-list{list-style:none;padding:calc(50vh - var(--row-height) / 2) 0;padding-block:calc(50dvh - var(--row-height) / 2);margin:0}.film-shell .project-row{height:var(--row-height);display:flex;justify-content:center;align-items:center;scroll-snap-align:center}.film-shell .project-link{position:relative;display:grid;grid-template-columns:72px auto 100px;align-items:center;grid-gap:24px;gap:24px;padding:10px 24px;opacity:.4;transition:opacity .16s ease}.film-shell .project-title{font-size:clamp(48px,6.25vw,88px);line-height:1;letter-spacing:-.025em;white-space:nowrap}.film-shell .project-category,.film-shell .project-year{font-size:14px;transition:opacity .16s ease;opacity:0}.film-shell .project-year{text-align:right}.film-shell .project-link:after,.film-shell .project-link:before{content:"";position:absolute;top:0;bottom:0;width:16px;border-top:1px solid;border-bottom:1px solid;opacity:0}.film-shell .project-link:before{left:0;border-left:1px solid}.film-shell .project-link:after{right:0;border-right:1px solid}.film-shell .project-link:focus-visible,.film-shell .project-link:hover,.film-shell .project-row[data-active=true] .project-link{opacity:1}.film-shell .project-row[data-active=true] .project-link:after,.film-shell .project-row[data-active=true] .project-link:before,.film-shell .project-row[data-active=true] :is(.project-year,.project-category){opacity:1}.film-shell .view-switch{position:absolute;inset:50% var(--edge) auto;z-index:4;display:flex;align-items:center;justify-content:space-between;pointer-events:none;transform:translateY(-50%)}.film-shell .view-button{pointer-events:auto;min-width:44px;min-height:44px;font-size:20px}.film-shell .view-button--list{text-align:left}.film-shell .view-button--grid{text-align:right}.film-shell .view-button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}.film-shell .view-rule{position:absolute;top:50%;height:1px;width:min(10vw,125px);background:currentColor;opacity:.65}.film-shell .view-rule--left{left:82px}.film-shell .view-rule--right{right:82px}.film-shell .preview-toggle{position:absolute;z-index:4;bottom:max(38px,calc(env(safe-area-inset-bottom) + 14px));left:50%;transform:translateX(-50%);min-height:44px;font-size:14px}.film-shell .preview-toggle:hover{color:var(--pink)}.film-shell .portfolio :is(.nav-link,.view-button,.preview-toggle):hover{opacity:.8}.film-shell .project-grid-scroll{position:absolute;inset:108px 0 82px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:12px max(100px,8vw) 32px}.film-shell .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:40px 28px;gap:40px 28px}.film-shell .grid-project{display:block;min-width:0}.film-shell .grid-image{aspect-ratio:16/10;overflow:hidden;position:relative;background:#101108}.film-shell .grid-image img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.film-shell .grid-project:hover img{transform:scale(1.025)}.film-shell .grid-watch{position:absolute;bottom:16px;right:16px;font-size:18px;text-shadow:0 1px 8px #000}.film-shell .grid-caption{display:flex;align-items:baseline;gap:12px;justify-content:space-between;padding-top:14px}.film-shell .grid-caption h2{font-size:clamp(24px,2.5vw,40px)}.film-shell .grid-caption>span{font-size:14px;white-space:nowrap}.film-shell .portfolio--grid .view-rule{display:none}.film-shell .film-page{background:#080907}.film-shell .film-video{display:block;width:100%;height:100%;object-fit:cover}.film-shell .film-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 24%,transparent 60%,rgba(0,0,0,.55))}.film-shell .film-navigation{position:absolute;z-index:3;top:max(100px,calc(env(safe-area-inset-top) + 80px));left:40px;right:40px;display:flex;gap:24px;justify-content:space-between;font-size:20px;pointer-events:none}.film-shell .film-navigation a{pointer-events:auto;min-height:44px}.film-shell .film-navigation a:hover{color:var(--pink)}.film-shell .film-info{position:absolute;z-index:2;left:40px;right:40px;bottom:max(76px,calc(env(safe-area-inset-bottom) + 64px));display:flex;align-items:flex-end;justify-content:space-between;gap:24px;pointer-events:none}.film-shell .film-info h1{font-size:clamp(44px,6.25vw,80px);line-height:1}.film-shell .film-info p{font-size:20px;margin-top:10px}.film-shell .film-info p span{margin-left:14px}.film-shell .description-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;pointer-events:auto}.film-shell .film-error{position:absolute;z-index:4;inset:50% 24px auto;text-align:center;font-size:24px}.film-shell .film-error a{text-decoration:underline}.film-shell .description-dialog{position:fixed;inset:0 0 0 auto;height:100%;max-height:100%;width:min(600px,100%);max-width:100%;margin:0;padding:32px;border:0;color:var(--paper);background:var(--olive) url(/film-assets/images/vick-bg-pattern.png) repeat;background-size:512px auto;overflow-y:auto;overscroll-behavior:contain}.film-shell .description-dialog::-webkit-backdrop{background:rgba(0,0,0,.65)}.film-shell .description-dialog::backdrop{background:rgba(0,0,0,.65)}.film-shell .dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:20px}.film-shell .dialog-header button{min-height:44px}.film-shell .description-content{padding-top:clamp(48px,12vh,120px)}.film-shell .eyebrow{font-size:18px;margin-bottom:24px;color:inherit;font-weight:400;line-height:1.2;letter-spacing:normal;text-transform:none}.film-shell .description-content h2{font-size:clamp(44px,6vw,72px);line-height:1;margin-bottom:32px}.film-shell .description-content>p:last-child{font-size:28px;line-height:1.3}.film-shell .about-page{background:var(--olive) url(/film-assets/images/vick-bg-pattern.png) repeat;background-size:512px auto}.film-shell .about-content{position:absolute;inset:108px 0 90px;padding:36px max(40px,8vw);overflow-y:auto;overscroll-behavior:contain}.film-shell .about-content h1{max-width:1100px;font-size:clamp(32px,3.9vw,60px);line-height:1.1;letter-spacing:-.015em}.film-shell .about-introduction,.film-shell .about-quote{max-width:900px;margin-top:32px;font-size:clamp(24px,2.5vw,36px);line-height:1.3}.film-shell .about-quote{color:var(--pink)}.film-shell .about-links{display:flex;flex-wrap:wrap;gap:20px 40px;margin-top:48px;font-size:20px;padding-bottom:24px}.film-shell .about-links a{text-decoration:underline;text-underline-offset:4px}@media (min-width:700px) and (min-aspect-ratio:1/1){.film-shell .video-surface[data-portrait=true]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.film-shell .video-surface[data-portrait=true]>video{grid-column:2;grid-row:1;min-width:0}.film-shell .video-surface[data-portrait=true]>.video-mirror{display:block;grid-row:1}.film-shell .video-mirror--left{grid-column:1}.film-shell .video-mirror--right{grid-column:3}}@media (max-width:900px){.film-shell .view-rule{display:none}.film-shell .project-link{grid-template-columns:50px auto 80px;gap:16px;padding-inline:16px}.film-shell .project-title{font-size:clamp(40px,7vw,68px)}.film-shell .project-grid-scroll{padding-inline:80px}}@media (max-width:600px){.film-shell{--edge:16px;--row-height:96px}.film-shell .site-logo img{width:100px;height:34px}.film-shell .corner-link{padding:12px}.film-shell .corner-link:before{width:58px;height:34px}.film-shell .nav-link,.film-shell .view-button{font-size:18px}.film-shell .view-switch{inset:auto var(--edge) max(86px,calc(env(safe-area-inset-bottom) + 68px));transform:none}.film-shell .view-button{padding:0 12px}.film-shell .portfolio--grid .view-switch{inset:74px var(--edge) auto}.film-shell .project-link{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 16px;max-width:calc(100vw - 32px)}.film-shell .project-title{font-size:clamp(32px,10vw,56px)}.film-shell .project-year{display:none}.film-shell .project-category{font-size:13px}.film-shell .site-footer{font-size:12px}.film-shell .site-footer>*{padding:12px}.film-shell .site-footer:after,.film-shell .site-footer:before{width:58px;height:34px}.film-shell .preview-toggle{font-size:12px;bottom:max(22px,calc(env(safe-area-inset-bottom) + 10px))}.film-shell .project-grid-scroll{inset:126px 0 74px;padding:8px 20px 24px}.film-shell .project-grid{grid-template-columns:1fr;gap:28px}.film-shell .grid-caption h2{font-size:32px}.film-shell .grid-caption>span{font-size:14px}.film-shell .film-navigation{top:max(88px,calc(env(safe-area-inset-top) + 72px));left:28px;right:28px;font-size:16px}.film-shell .film-navigation a{max-width:48%}.film-shell .film-info{left:28px;right:28px;bottom:max(80px,calc(env(safe-area-inset-bottom) + 64px));flex-direction:column;align-items:flex-start;gap:14px}.film-shell .film-info h1{font-size:clamp(36px,10vw,56px)}.film-shell .description-button,.film-shell .film-info p{font-size:16px}.film-shell .description-dialog{padding:max(20px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom))}.film-shell .description-content>p:last-child{font-size:24px}.film-shell .about-content{inset:90px 0 82px;padding:28px}.film-shell .about-links{margin-top:32px;flex-direction:column;gap:20px}}@media (max-height:500px) and (orientation:landscape){.film-shell{--edge:12px;--row-height:76px}.film-shell .project-title{font-size:48px}.film-shell .film-info{bottom:64px}.film-shell .film-info h1{font-size:36px}.film-shell .film-navigation{top:76px}.film-shell .description-button{font-size:16px}}@media (prefers-reduced-motion:reduce){.film-shell *,.film-shell :after,.film-shell :before{transition:none!important;animation:none!important;scroll-behavior:auto!important}.film-shell .project-list-scroll{scroll-snap-type:none}}